body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#6366f1;--primary-hover:#4f46e5;--danger:#ef4444;--danger-hover:#dc2626;--bg-gradient:linear-gradient(135deg,#f8fafc,#e2e8f0);--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#cbd5e1}*{box-sizing:border-box;margin:0;padding:0}body{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--bg-gradient);color:#1e293b;color:var(--text-main);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.app{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 10px 30px #0000000d,0 1px 3px #0000000d;max-width:650px;padding:2.5rem;width:100%}.header{margin-bottom:2rem;text-align:center}h1{color:#1e293b;color:var(--text-main);font-size:2.25rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.subtitle{color:#64748b;color:var(--text-muted);font-size:1rem}.shorten-form{display:flex;gap:.75rem;margin-bottom:2.5rem}.shorten-form input{background:#f8fafc;border:2px solid #cbd5e1;border:2px solid var(--border-color);border-radius:10px;flex:1 1;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.shorten-form input:focus{background:#fff;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.shorten-form input::placeholder{color:#94a3b8}button{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s ease}.btn-primary{background:#6366f1;background:var(--primary);color:#fff;padding:.875rem 1.5rem}.btn-primary:hover{background:#4f46e5;background:var(--primary-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:#0000;border:1px solid #ef4444;border:1px solid var(--danger);color:#ef4444;color:var(--danger);font-size:.85rem;padding:.5rem 1rem}.btn-danger:hover{background:#ef4444;background:var(--danger);color:#fff}.btn-copy{background:#f1f5f9;border:1px solid #0000;color:#1e293b;color:var(--text-main);font-size:.85rem;padding:.5rem 1rem}.btn-copy:hover{background:#e2e8f0}.btn-copy.copied{background:#10b981;color:#fff}.url-list-container{animation:fadeIn .3s ease}.list-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.list-header h2{color:#1e293b;color:var(--text-main);font-size:1.1rem;font-weight:700}.url-list{display:flex;flex-direction:column;gap:.75rem;list-style:none}.url-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .2s ease}.url-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.url-info{display:flex;flex:1 1;flex-direction:column;gap:.35rem;margin-right:1rem;overflow:hidden}.long-url{color:#64748b;color:var(--text-muted);font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.short-url-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.short-url{color:#6366f1;color:var(--primary);font-size:.95rem;font-weight:600;text-decoration:none;word-break:break-all}.short-url:hover{text-decoration:underline}.created-at{color:#94a3b8;font-size:.75rem;white-space:nowrap}.empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;color:var(--text-muted);padding:3rem 1rem;text-align:center}.empty-subtext{color:#94a3b8;font-size:.9rem;margin-top:.25rem}.loading-message{align-items:center;color:#6366f1;color:var(--primary);display:flex;flex-direction:column;font-size:1.1rem;font-weight:500;gap:1rem;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #6366f133;border-radius:50%;border-top:4px solid var(--primary);height:40px;width:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.app{border-radius:0;min-height:100vh;padding:1.5rem}.shorten-form{flex-direction:column}.btn-primary{width:100%}.url-item{align-items:flex-start;flex-direction:column;gap:1rem}.btn-copy{width:100%}.short-url-row{align-items:flex-start;flex-direction:column;gap:.25rem}}
/*# sourceMappingURL=main.78f2130e.css.map*/