*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #6366f1;--accent-h: #4f46e5;--accent-light: rgba(99,102,241,.1);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--bg: #ffffff;--bg-2: #f8fafc;--bg-3: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--radius: 8px;--radius-lg: 12px;--max-w: 1100px;--header-h: 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[data-theme=dark]{--bg: #0a0a0a;--bg-2: #141414;--bg-3: #1e1e1e;--border: #2a2a2a;--text: #f1f5f9;--text-2: #94a3b8;--text-3: #475569}body{min-height:100vh;background:var(--bg);color:var(--text)}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:1.5rem}.centered{display:flex;align-items:center;justify-content:center;padding:3rem}.text-muted{color:var(--text-3);font-size:.875rem}.mt-6{margin-top:1.5rem}.site{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center}.site-header__inner{display:flex;align-items:center;gap:2rem;height:100%}.logo{font-size:1.125rem;font-weight:800;letter-spacing:-.5px;color:var(--accent);text-decoration:none}.site-nav{display:flex;gap:.25rem}.nav-link{padding:.375rem .75rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--text-2);text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--text)}.site-header__actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.site-footer{border-top:1px solid var(--border);padding:1.5rem 0}.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer__copy{font-size:.8125rem;color:var(--text-3)}.site-footer__links{display:flex;gap:1.25rem}.footer-link{font-size:.8125rem;color:var(--text-3);text-decoration:none}.footer-link:hover{color:var(--text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius);border:1px solid transparent;font-size:.9375rem;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover:not(:disabled){background:var(--accent-h);border-color:var(--accent-h)}.btn--ghost{background:transparent;color:var(--text-2);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--bg-3);color:var(--text)}.btn--danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--danger-ghost{color:var(--danger)}.btn--danger-ghost:hover:not(:disabled){background:#ef444414}.btn--lg{padding:.75rem 1.75rem;font-size:1rem}.btn--sm{padding:.4rem .875rem;font-size:.875rem}.btn--xs{padding:.25rem .625rem;font-size:.8125rem}.btn--full{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);background:transparent;border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:background .15s}.icon-btn:hover{background:var(--bg-3);color:var(--text)}.lang-btn{font-size:.75rem;font-weight:700;width:auto;padding:0 .5rem}.input{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.9375rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input--error{border-color:var(--danger)}.input--error:focus{box-shadow:0 0 0 3px #ef44441f}textarea.input{resize:none;min-height:80px}.field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.field--checkbox{flex-direction:row;align-items:flex-start}.label{font-size:.875rem;font-weight:600;color:var(--text-2)}.field-error{font-size:.8125rem;color:var(--danger);margin-top:.25rem}.checkbox-label{display:flex;align-items:flex-start;gap:.625rem;cursor:pointer;font-size:.875rem;color:var(--text-2);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:2px solid var(--border);border-radius:4px;background:var(--bg);margin-top:1px;cursor:pointer;display:grid;place-content:center;transition:background .15s,border-color .15s}.checkbox-label input[type=checkbox]:before{content:"";width:10px;height:10px;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);background:#fff;transition:transform .1s ease-in-out}.checkbox-label input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.checkbox-label input[type=checkbox]:checked:before{transform:scale(1)}.checkbox-label input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select.input{padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer}.auth-method-pills{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.method-pill{flex:1;min-width:90px;padding:.5rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-2);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;text-align:center;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.method-pill:hover:not(:disabled){border-color:var(--text-3);color:var(--text)}.method-pill--active{color:var(--text)!important}.method-pill--passkey.method-pill--active{border-color:var(--success);background:#10b98112;color:var(--success)!important}.method-pill--classic.method-pill--active{border-color:var(--accent);background:#6366f112;color:var(--accent)!important}.method-pill--direct.method-pill--active{border-color:var(--text-2);background:var(--bg-2)}.method-pill-hint{font-size:.75rem;color:var(--text-3);margin-bottom:1.25rem;line-height:1.4}.auth-methods{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.auth-method-btn{display:flex;align-items:center;gap:.875rem;width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s;font-family:inherit}.auth-method-btn:hover:not(:disabled){background:var(--bg-2);border-color:var(--text-3)}.auth-method-btn:disabled{opacity:.55;cursor:not-allowed}.auth-method-btn--selected{border-color:var(--accent);background:#6366f10d;box-shadow:0 0 0 3px var(--accent-light)}.auth-method-btn--passkey.auth-method-btn--selected,.auth-method-btn--passkey:hover:not(:disabled){border-color:var(--success);background:#10b9810d;box-shadow:0 0 0 3px #10b98126}.auth-method-btn--classic.auth-method-btn--selected,.auth-method-btn--classic:hover:not(:disabled){border-color:var(--accent);background:#6366f10d;box-shadow:0 0 0 3px var(--accent-light)}.auth-method-btn--direct{color:var(--text-2);border-color:var(--border)}.auth-method-btn__icon{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.auth-method-btn--passkey .auth-method-btn__icon{background:#10b9811f;color:var(--success)}.auth-method-btn--classic .auth-method-btn__icon{background:var(--accent-light);color:var(--accent)}.auth-method-btn--direct .auth-method-btn__icon{background:var(--bg-3);color:var(--text-3)}.auth-method-btn--social .auth-method-btn__icon{background:var(--bg-3);color:var(--text-2)}.auth-method-btn__body{flex:1;min-width:0}.auth-method-btn__label{font-size:.9375rem;font-weight:600;line-height:1.2}.auth-method-btn__hint{font-size:.75rem;color:var(--text-3);margin-top:.125rem;line-height:1.3}.auth-method-btn--passkey .auth-method-btn__hint{color:var(--success)}.auth-method-btn--classic .auth-method-btn__hint{color:var(--accent)}.auth-method-btn__arrow{flex-shrink:0;color:var(--text-3);transition:transform .15s}.auth-method-btn--selected .auth-method-btn__arrow{transform:rotate(90deg);color:var(--accent)}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--text-3);font-size:.8125rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-btns{display:flex;flex-direction:column;gap:.5rem}.btn--social{background:var(--bg);border-color:var(--border);color:var(--text);justify-content:flex-start;gap:.75rem}.btn--social:hover:not(:disabled){background:var(--bg-2)}.btn--social svg{flex-shrink:0}.totp-input{letter-spacing:.3em;font-size:1.25rem;font-weight:700;text-align:center;font-family:monospace}.security-banner{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#f59e0b12;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius);margin-bottom:2rem}.security-banner__icon{color:var(--warning);flex-shrink:0;margin-top:2px}.security-banner__body{flex:1}.security-banner__title{font-size:.9375rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.security-banner__message{font-size:.875rem;color:var(--text-2);line-height:1.55}.security-banner__actions{display:flex;gap:.625rem;margin-top:.75rem;flex-wrap:wrap}.access-denied{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 1rem;gap:1rem}.access-denied__icon{color:var(--text-3)}.access-denied__title{font-size:1.25rem;font-weight:700}.access-denied__message{color:var(--text-2);max-width:440px;font-size:.9375rem;line-height:1.65}.account-page{padding:3rem 0 5rem}.account-tabs{display:flex;gap:.25rem;flex-wrap:wrap;border-bottom:2px solid var(--border);margin-bottom:2rem}.account-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.9375rem;font-weight:600;color:var(--text-2);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s,border-color .15s;border-radius:var(--radius) var(--radius) 0 0}.account-tab:hover{color:var(--text);background:var(--bg-2)}.account-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.tab-badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tab-badge--green{background:#22c55e1f;color:#16a34a}.tab-badge--orange{background:#fb923c1f;color:#ea580c}.tab-count{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--bg-3);font-size:.6875rem;font-weight:700}.account-tab-content{min-height:20rem}.account-section-stack{display:flex;flex-direction:column;gap:1.5rem}.account-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:.7rem;font-weight:600;margin-left:.375rem;background:var(--bg-3);color:var(--text-2);transition:background .15s,color .15s}.account-tab--active .account-tab__badge{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.account-section{background:var(--bg-2);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);padding:2rem}.account-section--danger{border-color:#ef444459;background:#ef44440a}[data-theme=dark] .account-section--danger{background:#ef444412}.account-section__title{font-size:1.0625rem;font-weight:700;margin:0 0 .375rem}.account-section__subtitle{font-size:.9375rem;font-weight:700;margin:0 0 .75rem;color:var(--text-2)}.account-section__desc{font-size:.875rem;color:var(--text-2);line-height:1.6;margin:0 0 1.25rem}.account-section__status{margin-bottom:1.25rem}.step-indicator{display:flex;align-items:flex-start;gap:0;margin:1.5rem 0 2rem;flex-wrap:wrap}.step-indicator__item{display:flex;align-items:center;gap:.5rem;position:relative}.step-indicator__dot{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-3);border:2px solid var(--border);font-size:.8125rem;font-weight:700;color:var(--text-3);flex-shrink:0;transition:background .2s,border-color .2s,color .2s}.step-indicator__item--active .step-indicator__dot{background:var(--accent);border-color:var(--accent);color:#fff}.step-indicator__item--done .step-indicator__dot{background:#16a34a;border-color:#16a34a;color:#fff}.step-indicator__label{font-size:.8125rem;font-weight:600;color:var(--text-3);white-space:nowrap;padding-right:.25rem}.step-indicator__item--active .step-indicator__label{color:var(--text)}.step-indicator__item--done .step-indicator__label{color:var(--text-2)}.step-indicator__line{width:2rem;height:2px;background:var(--border);margin:-.125rem .25rem 0;flex-shrink:0}.guided-action{background:var(--bg-3);border-radius:var(--radius);padding:1.5rem;margin-top:.5rem}.guided-action--danger{border:1px solid rgba(239,68,68,.25);background:#ef44440a}.guided-action--success{text-align:center;padding:2rem}.guided-action__hint{font-size:.875rem;color:var(--text-2);line-height:1.6;margin:0 0 1rem}.guided-action__check{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background:#22c55e1a;color:#16a34a;margin-bottom:1rem}.guided-action__success-title{font-size:1.125rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.backup-codes-banner{display:flex;gap:1rem;align-items:flex-start;background:#fbbf2414;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.25rem}.backup-codes-banner__icon{color:#d97706;flex-shrink:0;margin-top:.125rem}.backup-codes-banner__title{font-weight:700;font-size:.9375rem;margin:0 0 .25rem}.backup-codes-banner__desc{font-size:.875rem;color:var(--text-2);margin:0;line-height:1.5}.totp-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-bottom:0}@media(max-width:640px){.totp-setup-grid{grid-template-columns:1fr}}.totp-setup-grid__qr{display:flex;flex-direction:column;align-items:flex-start}.totp-setup-grid__codes{display:flex;flex-direction:column}.totp-qr-wrap{display:inline-block;padding:1rem;background:#fff;border-radius:var(--radius);border:1px solid var(--border)}.totp-uri-box{background:var(--bg-2);border-radius:var(--radius);padding:.875rem 1rem;font-family:monospace;font-size:.8125rem;word-break:break-all;color:var(--text);margin:.75rem 0;border:1px solid var(--border)}.backup-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin:0 0 .75rem}.backup-code{background:var(--bg-2);border-radius:var(--radius);padding:.5rem .875rem;font-family:monospace;font-size:.9375rem;font-weight:600;color:var(--text);text-align:center;letter-spacing:.05em;border:1px solid var(--border)}.passkey-list{display:flex;flex-direction:column;gap:.625rem}.passkey-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;gap:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1)}.passkey-item__icon{color:var(--text-3);flex-shrink:0}.passkey-item__info{flex:1;min-width:0}.passkey-item__name{font-weight:600;font-size:.9375rem}.passkey-item__meta{font-size:.8125rem;color:var(--text-3);margin-top:.125rem}.provider-list{display:flex;flex-wrap:wrap;gap:.5rem}.provider-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .75rem;border-radius:999px;background:var(--bg-3);border:1px solid var(--border);font-size:.8125rem;font-weight:600;color:var(--text-2)}.btn-row{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap}.field-hint{font-size:.8125rem;color:var(--text-3);margin-top:.25rem;display:block}.inline-error{padding:.625rem .875rem;border-radius:var(--radius);background:#ef444414;color:var(--danger);font-size:.875rem;border:1px solid rgba(239,68,68,.2);margin-bottom:.75rem}.text-link{color:var(--accent);text-decoration:none;font-weight:600}.text-link:hover{text-decoration:underline}.spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner--sm{width:18px;height:18px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.auth-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border)}.auth-page__controls{display:flex;align-items:center;gap:.5rem}.auth-page__body{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.auth-page__footer{display:flex;justify-content:center;gap:1.5rem;padding:1.25rem;border-top:1px solid var(--border)}.auth-form-area{width:100%;max-width:400px}.auth-form-area--centered{text-align:center}.auth-heading{font-size:1.625rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.auth-subtext{color:var(--text-2);margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.auth-switch{margin-top:1.75rem;text-align:center;font-size:.875rem;color:var(--text-3)}.auth-icon{margin-bottom:1.5rem;color:var(--accent)}.auth-icon--error{color:var(--danger)}.hero{padding:7rem 0 6rem;text-align:center}.hero__title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem}.hero__title em{color:var(--accent);font-style:normal}.hero__subtitle{font-size:1.125rem;color:var(--text-2);max-width:520px;margin:0 auto 2.5rem;line-height:1.7}.hero__cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.try-section{padding:1rem 0 5rem}.try-box{border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;max-width:680px;margin:0 auto}.try-box__title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.try-box__subtitle{color:var(--text-2);font-size:.9375rem;margin-bottom:1.5rem}.try-box__form{display:flex;flex-direction:column;gap:.25rem}.try-box__row{display:flex;gap:.5rem}.try-box__input{flex:1}.try-result{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.try-result__label{font-size:.8125rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.try-result__row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.try-result__link{color:var(--accent);text-decoration:none;font-weight:600;font-size:1rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.try-result__link:hover{text-decoration:underline}.try-result__note{margin-top:.75rem;font-size:.8125rem;color:var(--text-3)}.features-section{padding:5rem 0;background:var(--bg-2)}.section-title{font-size:1.5rem;font-weight:800;text-align:center;margin-bottom:3rem;letter-spacing:-.3px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3rem;max-width:820px;margin:0 auto}.feature{text-align:center}.feature__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--accent-light);color:var(--accent);margin-bottom:1rem}.feature h3{font-size:1rem;font-weight:700;margin-bottom:.5rem}.feature p{color:var(--text-2);font-size:.9375rem;line-height:1.65}.cta-section{padding:6rem 0;text-align:center}.cta-section__inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.cta-section h2{font-size:1.75rem;font-weight:800;letter-spacing:-.3px}.cta-section p{color:var(--text-2);max-width:420px}.page-loader{height:60vh;display:flex;align-items:center;justify-content:center}.dashboard-page{padding:3rem 0 4rem}.dashboard-page__header{margin-bottom:2.5rem}.page-title{font-size:1.75rem;font-weight:800;letter-spacing:-.4px}.page-subtitle{color:var(--text-2);margin-top:.25rem}.section-heading{font-size:1.0625rem;font-weight:700;margin-bottom:1.25rem;padding-top:.25rem}.create-form{padding:2rem 0;border-bottom:1px solid var(--border);margin-bottom:2.5rem}.create-form__row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.create-form__url{flex:2 1 280px}.create-form__path{flex:1 1 160px}.create-form__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.empty-hint{color:var(--text-3);font-size:.9375rem;padding:2rem 0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);padding:.625rem .75rem;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:.75rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-2)}.path-cell{display:flex;align-items:center;gap:.375rem;white-space:nowrap}.path-link{color:var(--accent);text-decoration:none;font-weight:600}.path-link:hover{text-decoration:underline}.url-cell{max-width:260px}.url-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);text-decoration:none}.url-truncate:hover{color:var(--text)}.action-row{display:flex;gap:.375rem;flex-wrap:wrap}.badge{display:inline-block;padding:.2em .55em;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge--green{background:#10b9811a;color:#059669}.badge--gray{background:var(--bg-3);color:var(--text-3)}.badge--blue{background:#6366f11a;color:var(--accent)}.badge--red{background:#ef44441a;color:var(--danger)}.badge--purple{background:#8b5cf61a;color:#7c3aed}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal--wide{max-width:720px}.modal--sm{max-width:360px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal__header h3{font-size:1rem;font-weight:700}.modal__body{padding:1.5rem}.modal__body--center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.qr-image{width:200px;height:200px;image-rendering:pixelated}.qr-target{font-size:.8125rem;color:var(--text-2)}.qr-target a{color:var(--accent)}.tracking-total{font-size:.9375rem;margin-bottom:1rem}.delete-confirm-text{font-size:.9375rem;color:var(--text-2)}.error-page{padding:6rem 0;text-align:center}.error-code{font-size:5rem;font-weight:900;color:var(--accent);line-height:1;margin-bottom:.5rem}.error-heading{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.error-message{color:var(--text-2);margin-bottom:2rem}.error-path{display:inline-block;padding:.2em .5em;background:var(--bg-3);border-radius:var(--radius);font-size:.875rem;margin-top:.5rem}.error-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.faq-page{padding:3.5rem 0 5rem;max-width:720px}.faq-page h1{font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.faq-page__subtitle{color:var(--text-2);margin-bottom:3rem;font-size:1rem}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.375rem;gap:1rem;background:var(--bg);border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:.9375rem;font-weight:600;color:var(--text);transition:background .15s}.faq-question:hover{background:var(--bg-2)}.faq-question__icon{flex-shrink:0;color:var(--text-3);transition:transform .2s}.faq-item--open .faq-question{background:var(--bg-2)}.faq-item--open .faq-question__icon{transform:rotate(180deg);color:var(--accent)}.faq-answer{padding:0 1.375rem 1.125rem;color:var(--text-2);font-size:.9375rem;line-height:1.7;background:var(--bg-2);border-top:1px solid var(--border)}.faq-answer p{margin:.875rem 0 0}.prose-page{padding:3.5rem 0 5rem;max-width:720px}.prose-page h1{font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.prose-page h2{font-size:1.125rem;font-weight:700;margin:2rem 0 .75rem}.prose-page p{color:var(--text-2);line-height:1.75;margin-bottom:1rem}.prose-page ul{color:var(--text-2);line-height:1.75;padding-left:1.5rem;margin-bottom:1rem}.prose-page li{margin-bottom:.25rem}@media(max-width:600px){.hero{padding:4rem 0 3rem}.try-box__row,.create-form__row{flex-direction:column}.site-nav{display:none}.modal{max-width:100%}}.warning-page{padding:4rem 0 5rem;max-width:640px;display:flex;flex-direction:column;align-items:center;text-align:center}.warning-page__icon{color:#f59e0b;margin-bottom:1.5rem}.warning-page__badge{margin-bottom:1.25rem}.warning-page__heading{font-size:1.75rem;font-weight:800;letter-spacing:-.4px;margin-bottom:.75rem}.warning-page__intro{color:var(--text-2);font-size:1rem;line-height:1.7;margin-bottom:2rem;max-width:520px}.warning-page__dest-box{width:100%;display:flex;flex-direction:column;gap:.375rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;text-align:left;margin-bottom:1.5rem}.warning-page__dest-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.warning-page__dest-url{font-size:.9rem;font-family:monospace;word-break:break-all;color:var(--text)}.warning-page__threat-note{font-size:.9375rem;color:var(--text-2);background:#ef44440f;border:1px solid rgba(239,68,68,.18);border-radius:var(--radius);padding:.875rem 1.25rem;line-height:1.65;margin-bottom:2rem;max-width:520px;text-align:left}.warning-page__report{margin-bottom:2rem}.warning-page__report-success{color:var(--success);font-size:.9375rem;margin-bottom:1rem}.warning-report-box{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:left;margin-top:1rem}.warning-report-box__title{font-size:1rem;font-weight:700;margin-bottom:1rem}.warning-report-form .input{cursor:pointer}.warning-page__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.security-check-overlay{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);margin-top:.75rem}.security-check-overlay__text{line-height:1.4}.security-check-overlay__title{font-size:.9375rem;font-weight:600;color:var(--text)}.security-check-overlay__note{font-size:.8125rem;color:var(--text-3);margin-top:.125rem}.pagination{display:flex;align-items:center;gap:1rem;padding:1.25rem 0;justify-content:center}.pagination__info{font-size:.875rem;color:var(--text-2)}.back-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-2);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color .15s}.back-link:hover{color:var(--accent)}.tracking-total-banner{display:flex;align-items:baseline;gap:.75rem;padding:2rem 0 2.5rem}.tracking-total-banner__number{font-size:3rem;font-weight:800;color:var(--text);line-height:1}.tracking-total-banner__label{font-size:1rem;color:var(--text-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;margin-bottom:.5rem}.stat-breakdown__label{font-size:.9375rem;font-weight:600;color:var(--text-2);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.stat-breakdown__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.stat-breakdown__item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem}.stat-breakdown__name{font-size:.875rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-breakdown__bar-wrap{width:80px;height:6px;background:var(--bg-3);border-radius:9999px;overflow:hidden}.stat-breakdown__bar{height:100%;background:var(--accent);border-radius:9999px}.stat-breakdown__count{font-size:.8125rem;color:var(--text-3);white-space:nowrap}.report-page{padding-top:4rem;padding-bottom:4rem}.report-page__inner{max-width:600px}.report-page__success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6rem 0}.report-form{margin-top:2.5rem}.report-form .field{margin-bottom:1.75rem}.report-form__link-info{margin-bottom:1.5rem}.report-form__actions{margin-top:2.5rem}.inline-notice{background:#6366f112;border:1px solid rgba(99,102,241,.18);border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;color:var(--accent);margin-top:.5rem}.inline-notice--success{background:#22c55e14;border-color:#22c55e40;color:#16a34a}.inline-notice--warn{background:#fb923c14;border-color:#fb923c4d;color:var(--text);border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;margin-top:.5rem;border:1px solid}.inline-notice--error{background:#ef444414;border-color:#ef44444d;color:#dc2626;border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;margin-top:.5rem;border:1px solid}.inline-notice--info{background:#0ea5e912;border:1px solid rgba(14,165,233,.22);border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;color:#0369a1;margin-top:.5rem}[data-theme=dark] .inline-notice--info{color:#38bdf8}.btn--outline{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}.btn--outline:hover{background:#6366f112}.btn--danger-outline{background:transparent;border:1.5px solid #ef4444;color:#ef4444}.btn--danger-outline:hover{background:#ef44440f}.modal--qr{max-width:860px;width:95vw}.qr-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:640px){.qr-config-grid{grid-template-columns:1fr}}.qr-preview-col{display:flex;flex-direction:column}.qr-preview-box{aspect-ratio:1;max-width:280px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;background:var(--bg-3);border-radius:var(--radius);overflow:hidden}.qr-preview-img{width:100%;height:100%;object-fit:contain;display:block}.qr-warnings{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.qr-options-col{display:flex;flex-direction:column;gap:1.25rem}.slider-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.slider-wrap{position:relative;padding-block:9px;margin-top:.125rem}.slider-pips{position:absolute;left:9px;right:9px;top:50%;height:0;transform:translateY(-50%);pointer-events:none;z-index:2}.slider-pips--decorative{pointer-events:none}.slider-pip{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);top:0;background:var(--bg-2);border:2px solid var(--border);transition:background .12s,border-color .12s,transform .12s}.slider-pips:not(.slider-pips--decorative) .slider-pip{pointer-events:auto;cursor:pointer}.slider-pips:not(.slider-pips--decorative) .slider-pip:hover{border-color:var(--accent);transform:translate(-50%,-50%) scale(1.25)}.slider-pip--passed{background:var(--accent);border-color:var(--accent);opacity:.55}.slider-pip--active{background:var(--accent);border-color:var(--accent);transform:translate(-50%,-50%) scale(1.35);opacity:1;box-shadow:0 0 0 3px #6366f140}.slider-ticks{display:flex;justify-content:space-between;padding:0 6px;margin-top:4px}.slider-tick{font-size:.7rem;color:var(--text-3);text-align:center;min-width:16px;line-height:1}.slider-tick--active{color:var(--accent);font-weight:700}.ver-row{display:flex;align-items:center;gap:.75rem;margin-top:.375rem}.ver-num-input{width:68px;text-align:center;padding:.4rem .5rem;flex-shrink:0;font-size:.875rem}.input--no-spin::-webkit-outer-spin-button,.input--no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input--no-spin{-moz-appearance:textfield}.color-pair{display:flex;gap:1.5rem;margin-top:.375rem}.color-pick-group{display:flex;flex-direction:column;gap:.35rem}.color-pick-row{display:flex;align-items:center;gap:.5rem}.color-pick-label{display:flex;flex-direction:column;gap:.25rem}.color-pick{width:56px;height:36px;border:1.5px solid var(--border);border-radius:var(--radius);padding:2px;cursor:pointer;background:var(--bg-2)}.color-pick::-webkit-color-swatch-wrapper{padding:0}.color-pick::-webkit-color-swatch{border:none;border-radius:4px}.toggle-row{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-row input[type=checkbox]{flex-shrink:0;margin-top:.15rem}.file-upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-top:.375rem;-webkit-user-select:none;user-select:none}.file-upload-zone:hover,.file-upload-zone--dragover{border-color:var(--accent);background:var(--accent-light)}.file-upload-zone:focus{outline:2px solid var(--accent);outline-offset:2px}.file-upload-zone--has-file{display:flex;align-items:center;gap:.75rem;background:var(--bg-2);border-style:solid;padding:.75rem 1rem;cursor:default;text-align:left}.file-upload-zone__icon{font-size:1.375rem;line-height:1}.file-upload-zone__text{font-size:.875rem;color:var(--text-2);margin-top:.25rem}.file-upload-zone__hint{font-size:.75rem;color:var(--text-3);margin-top:.25rem}.file-upload-zone__name{font-size:.875rem;font-weight:500;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input--range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--fill, 0%),var(--bg-3) var(--fill, 0%));outline:none;cursor:pointer;border:none;margin:0;padding:0;position:relative;z-index:1}.input--range::-webkit-slider-runnable-track{height:4px;border-radius:2px}.input--range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--bg);border:2.5px solid var(--accent);box-shadow:0 1px 5px #0000002e;cursor:pointer;transition:transform .1s,box-shadow .1s;margin-top:-7px}.input--range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #6366f166}.input--range::-moz-range-track{height:4px;border-radius:2px;background:var(--bg-3);border:none}.input--range::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.input--range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--bg);border:2.5px solid var(--accent);box-shadow:0 1px 5px #0000002e;cursor:pointer}:root{--sidebar-w: 220px;--sidebar-bg: #f0f2f8;--sidebar-bg-hover: #e4e8f4;--sidebar-bg-active: #dce1f2;--sidebar-text: #52596b;--sidebar-text-active: #1a1e2e;--sidebar-accent: var(--accent);--sidebar-border: rgba(0,0,0,.07)}[data-theme=dark]{--sidebar-bg: #0f1117;--sidebar-bg-hover: #1a1d27;--sidebar-bg-active: #1e2235;--sidebar-text: #a8b0c8;--sidebar-text-active: #e8eaf6;--sidebar-border: rgba(255,255,255,.06)}.app-shell{min-height:100vh;display:flex;flex-direction:row;background:var(--bg-2)}.app-sidebar{width:var(--sidebar-w);min-height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:200}.app-sidebar__top{padding:1.25rem 1rem .75rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--sidebar-border);margin-bottom:.5rem}.app-sidebar__logo{font-size:1.125rem;font-weight:800;letter-spacing:-.5px;color:var(--sidebar-text-active);text-decoration:none}.app-sidebar__logo:hover{color:var(--accent)}.app-sidebar__badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:var(--accent);color:#fff;padding:.1em .45em;border-radius:4px;margin-top:2px}.app-sidebar__nav{flex:1;padding:.25rem .625rem;display:flex;flex-direction:column;gap:2px}.app-sidebar__link{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:7px;font-size:.875rem;font-weight:500;color:var(--sidebar-text);text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}.app-sidebar__link svg{flex-shrink:0;opacity:.7}.app-sidebar__link:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-active)}.app-sidebar__link:hover svg{opacity:1}.app-sidebar__link--active{background:var(--sidebar-bg-active);color:var(--sidebar-accent);font-weight:600}.app-sidebar__link--active svg{opacity:1;color:var(--sidebar-accent)}.app-sidebar__footer{padding:.875rem 1rem;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:.625rem}.app-sidebar__user{display:flex;flex-direction:column;gap:1px;min-width:0}.app-sidebar__user-name{font-size:.8125rem;font-weight:600;color:var(--sidebar-text-active);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar__user-email{font-size:.7rem;color:var(--sidebar-text);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar__utils{display:flex;align-items:center;gap:.25rem}.app-sidebar__utils .icon-btn{color:var(--sidebar-text)}.app-sidebar__utils .icon-btn:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-active)}.app-workspace{flex:1;min-width:0;display:flex;flex-direction:column}.app-workspace__main{flex:1;padding:2.5rem 2.5rem 3rem;max-width:1000px;width:100%}@media(max-width:768px){.app-shell{flex-direction:column}.app-sidebar{width:100%;height:auto;min-height:unset;position:relative;flex-direction:row;flex-wrap:wrap;overflow:visible;border-right:none;border-bottom:1px solid var(--sidebar-border)}.app-sidebar__top{border-bottom:none;margin-bottom:0;flex:1}.app-sidebar__nav{flex-direction:row;padding:.25rem .625rem;flex:0 0 100%;border-top:1px solid var(--sidebar-border);gap:2px}.app-sidebar__footer{padding:.5rem 1rem;flex-direction:row;align-items:center;border-top:none;border-left:1px solid var(--sidebar-border)}.app-sidebar__user{display:none}.app-workspace__main{padding:1.5rem 1rem 2rem;max-width:100%}}.landing-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.landing-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:56px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}[data-theme=dark] .landing-topbar{background:#0a0a0ad9}.landing-topbar__logo{font-size:1.2rem;font-weight:800;letter-spacing:-.5px;color:var(--text);text-decoration:none}.landing-topbar__logo:hover{color:var(--accent)}.landing-topbar__actions{display:flex;align-items:center;gap:.5rem}.landing-topbar__cta{display:inline-flex;align-items:center;gap:.35rem;margin-left:.25rem}.landing-main{flex:1}.landing-footer{background:var(--bg-2);border-top:1px solid var(--border);padding:1.25rem 0}.landing-footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.landing-footer__copy{font-size:.8125rem;color:var(--text-3)}.landing-footer__links{display:flex;gap:1.25rem}.workspace-page{padding:2.5rem 2.5rem 3rem;max-width:1000px;width:100%}.workspace-page__header{margin-bottom:1.75rem}.workspace-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;margin-bottom:1.25rem}.ws-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1.5rem}.ws-tab{position:relative;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--text-2);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:color .15s;margin-bottom:-2px;border-bottom:2px solid transparent}.ws-tab:hover{color:var(--text)}.ws-tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.ws-tab__badge{background:var(--bg-3);color:var(--text-2);font-size:.7rem;font-weight:600;padding:.1em .45em;border-radius:10px;min-width:1.4em;text-align:center}.ws-tab--active .ws-tab__badge{background:var(--accent-light);color:var(--accent)}.ws-form-row{margin-bottom:1.25rem}.ws-inline-form{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.section-desc{color:var(--text-2);font-size:.9rem;margin-bottom:1.5rem;line-height:1.6}.subsection-heading{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:.875rem}.inline-success{color:var(--success);font-size:.875rem;margin-top:.5rem}.btn--secondary{background:var(--accent-light);color:var(--accent);border-color:transparent}.btn--secondary:hover:not(:disabled){background:#6366f12e}.btn--outline,.btn--danger-outline{border-width:1px}.form-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.form-row .field,.field--inline{margin-bottom:0}.input--sm{padding:.4rem .75rem;font-size:.875rem}.detail-row>td{padding:0!important}.row--expanded>td{background:var(--bg-2)}.row--expanded>td:first-child{border-left:3px solid var(--accent)}.link-detail-panel{padding:1.25rem 1.5rem;background:var(--bg-2)}.link-detail-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.link-detail-panel__title{font-weight:700;font-size:.9375rem;color:var(--text)}.link-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1rem}.link-detail-stat__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:.25rem}.link-detail-stat__value{font-size:1rem;font-weight:600;color:var(--text)}.link-detail-stat__sub{font-size:.75rem;color:var(--text-3);margin-top:2px}