:root{--color-canvas-night:#000;--color-canvas-night-soft:#0a0a0a;--color-canvas-night-soft-2:#121212;--color-canvas-light:#fff;--color-canvas-cool:#f0f0fa;--color-canvas-glow:#ffffff08;--color-ink:#000;--color-on-primary:#fff;--color-on-primary-mute:#f0f0fa;--color-ink-mute:#5a5a5f;--color-hairline-on-dark:#3a3a3f;--color-hairline-on-light:#e0e0e8;--color-link-on-dark:#fff;--color-link-blue-fallback:#00e;--color-accent-green:#22c55e;--color-accent-red:#ef4444;--color-accent-amber:#f59e0b;--font-display:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, "Arial Nova", Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, "Arial Nova", Arial, sans-serif;--display-xxl-font-size:80px;--display-xxl-line-height:.95;--display-xxl-letter-spacing:1.6px;--display-xl-font-size:60px;--display-xl-line-height:1.2;--display-xl-letter-spacing:1.2px;--display-lg-font-size:48px;--display-lg-line-height:1.25;--display-lg-letter-spacing:.96px;--display-md-font-size:36px;--display-md-line-height:1.2;--display-md-letter-spacing:.72px;--body-lg-font-size:16px;--body-lg-line-height:1.7;--body-lg-letter-spacing:.32px;--body-md-font-size:16px;--body-md-line-height:1.5;--body-md-letter-spacing:.32px;--button-cap-font-size:13.008px;--button-cap-font-weight:700;--button-cap-line-height:.94;--button-cap-letter-spacing:1.17px;--micro-cap-font-size:12px;--micro-cap-font-weight:400;--micro-cap-line-height:2;--micro-cap-letter-spacing:.96px;--caption-font-size:13.008px;--caption-font-weight:400;--caption-line-height:1.5;--caption-letter-spacing:0;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:18px;--space-xl:24px;--space-xxl:32px;--space-huge:48px;--space-giant:80px;--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:32px;--radius-full:9999px;--max-width:1200px;--header-height:64px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-bounce:cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:cubic-bezier(.22, 1, .36, 1);--glow-green:0 0 20px #22c55e26;--glow-red:0 0 20px #ef444426;--glow-amber:0 0 20px #f59e0b26;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-canvas-night)}::-webkit-scrollbar-thumb{background:var(--color-hairline-on-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-on-primary-mute)}html.light ::-webkit-scrollbar-track{background:var(--color-canvas-light)}html.light ::-webkit-scrollbar-thumb{background:var(--color-hairline-on-light)}html.light ::-webkit-scrollbar-thumb:hover{background:var(--color-ink-mute)}body{font-family:var(--font-body);font-size:var(--body-md-font-size);font-weight:400;line-height:var(--body-md-line-height);letter-spacing:var(--body-md-letter-spacing);color:var(--color-on-primary);background:var(--color-canvas-night);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s,color .2s}a{color:var(--color-link-on-dark);text-underline-offset:2px;transition:opacity var(--transition-fast);text-decoration:underline}a:hover{opacity:.7}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-base) var(--transition-bounce);background:0 0;border:none}button:active{transform:scale(.97)}input,textarea,select{font-family:var(--font-body);font-size:var(--body-md-font-size)}:focus-visible{outline:2px solid var(--color-on-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline:none}#root{flex-direction:column;min-height:100vh;display:flex}.text-display-xxl{font-family:var(--font-display);font-size:var(--display-xxl-font-size);font-weight:700;line-height:var(--display-xxl-line-height);letter-spacing:var(--display-xxl-letter-spacing);text-transform:uppercase}.text-display-xl{font-family:var(--font-display);font-size:var(--display-xl-font-size);font-weight:700;line-height:var(--display-xl-line-height);letter-spacing:var(--display-xl-letter-spacing);text-transform:uppercase}.text-display-lg{font-family:var(--font-display);font-size:var(--display-lg-font-size);font-weight:700;line-height:var(--display-lg-line-height);letter-spacing:var(--display-lg-letter-spacing);text-transform:uppercase}.text-display-md{font-family:var(--font-display);font-size:var(--display-md-font-size);font-weight:700;line-height:var(--display-md-line-height);letter-spacing:var(--display-md-letter-spacing);text-transform:uppercase}.text-body-lg{font-size:var(--body-lg-font-size);line-height:var(--body-lg-line-height);letter-spacing:var(--body-lg-letter-spacing)}.text-body-md{font-size:var(--body-md-font-size);line-height:var(--body-md-line-height);letter-spacing:var(--body-md-letter-spacing)}.text-button-cap{font-size:var(--button-cap-font-size);font-weight:var(--button-cap-font-weight);line-height:var(--button-cap-line-height);letter-spacing:var(--button-cap-letter-spacing);text-transform:uppercase}.text-micro-cap{font-size:var(--micro-cap-font-size);font-weight:var(--micro-cap-font-weight);line-height:var(--micro-cap-line-height);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase}.text-caption{font-size:var(--caption-font-size);font-weight:var(--caption-font-weight);line-height:var(--caption-line-height);letter-spacing:var(--caption-letter-spacing)}.btn-ghost-dark{padding:var(--space-lg) var(--space-xl);color:var(--color-on-primary);border:1px solid var(--color-on-primary);border-radius:var(--radius-pill);font-size:var(--button-cap-font-size);font-weight:var(--button-cap-font-weight);line-height:var(--button-cap-line-height);letter-spacing:var(--button-cap-letter-spacing);text-transform:uppercase;background:0 0;justify-content:center;align-items:center;min-height:50px;text-decoration:none;transition:background .2s,opacity .2s;display:inline-flex}.btn-ghost-dark:hover:not(:disabled){background:var(--color-canvas-cool);color:var(--color-ink);border-color:var(--color-ink)}.btn-ghost-dark:disabled{opacity:.5;cursor:not-allowed}.btn-ghost-light{padding:var(--space-lg) var(--space-xl);color:var(--color-ink);border:1px solid var(--color-ink);border-radius:var(--radius-pill);font-size:var(--button-cap-font-size);font-weight:var(--button-cap-font-weight);line-height:var(--button-cap-line-height);letter-spacing:var(--button-cap-letter-spacing);text-transform:uppercase;background:0 0;justify-content:center;align-items:center;min-height:50px;text-decoration:none;transition:background .2s,opacity .2s;display:inline-flex}.btn-ghost-light:hover:not(:disabled){background:var(--color-canvas-cool)}.btn-ghost-light:disabled{opacity:.5;cursor:not-allowed}.btn-filled-cool{padding:var(--space-lg) var(--space-xl);background:var(--color-canvas-cool);color:var(--color-ink);border-radius:var(--radius-pill);font-size:var(--button-cap-font-size);font-weight:var(--button-cap-font-weight);line-height:var(--button-cap-line-height);letter-spacing:var(--button-cap-letter-spacing);text-transform:uppercase;border:none;justify-content:center;align-items:center;min-height:50px;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn-filled-cool:hover:not(:disabled){opacity:.85}.btn-filled-cool:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-canvas-light);color:var(--color-ink);font-size:var(--body-md-font-size);line-height:var(--body-md-line-height);letter-spacing:var(--body-md-letter-spacing);border:1px solid var(--color-hairline-on-light);border-radius:var(--radius-xs);min-height:44px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--color-ink);box-shadow:0 0 0 2px var(--color-canvas-cool);outline:none}.input::placeholder{color:var(--color-ink-mute)}.card-photo-band{background:var(--color-canvas-night);border-radius:var(--radius-xs);overflow:hidden}.card-shop-product{background:var(--color-canvas-light);padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-hairline-on-light)}.link-on-dark{color:var(--color-link-on-dark);text-underline-offset:2px;text-decoration:underline}.link-on-dark:hover{opacity:.8}html.light{--color-canvas-night:#fff;--color-canvas-night-soft:#f0f0fa;--color-canvas-night-soft-2:#e8e8f0;--color-canvas-glow:#00000005;--color-ink:#000;--color-on-primary:#000;--color-on-primary-mute:#5a5a5f;--color-ink-mute:#5a5a5f;--color-hairline-on-dark:#e0e0e8;--color-link-on-dark:#000}html.light .btn-ghost-dark{color:var(--color-ink);border-color:var(--color-ink)}html.light .btn-ghost-dark:hover:not(:disabled){background:var(--color-canvas-night);color:var(--color-on-primary);border-color:var(--color-on-primary)}html.light .header{background:var(--color-canvas-light);border-bottom-color:var(--color-hairline-on-light)}html.light .header-logo,html.light .nav-item{color:var(--color-ink)}html.light .footer{background:var(--color-canvas-light);border-top-color:var(--color-hairline-on-light)}html.light .footer-copyright{color:var(--color-ink-mute)}html.light .content-band{background:var(--color-canvas-light);border-top-color:var(--color-hairline-on-light)}html.light .content-band-alt{background:var(--color-canvas-cool)}html.light .section-title,html.light .step-title,html.light .feature-title{color:var(--color-ink)}html.light .step-desc,html.light .feature-desc{color:var(--color-ink-mute)}html.light .feature-card{border-color:var(--color-hairline-on-light)}html.light .dashboard-table th{background:var(--color-canvas-cool);border-bottom-color:var(--color-hairline-on-light)}html.light .dashboard-table td{border-bottom-color:var(--color-hairline-on-light);color:var(--color-ink)}html.light .dashboard-table tbody tr:hover{background:var(--color-canvas-cool)}html.light .dashboard-error{border-color:var(--color-danger,#dc3545);color:var(--color-danger,#dc3545);background:#dc354514}html.light .analytics-panel{border-color:var(--color-hairline-on-light)}html.light .analytics-panel-header{background:var(--color-canvas-cool);border-bottom-color:var(--color-hairline-on-light);color:var(--color-ink)}html.light .analytics-close{color:var(--color-ink-mute)}html.light .analytics-close:hover{color:var(--color-ink)}html.light .analytics-loading,html.light .analytics-empty,html.light .analytics-total{color:var(--color-ink-mute)}html.light .analytics-total strong{color:var(--color-ink)}html.light .dashboard-table-wrapper{border-color:var(--color-hairline-on-light)}html.light .dashboard-empty p,html.light .edit-loading,html.light .edit-error p,html.light .redirect-error{color:var(--color-ink-mute)}html.light .step-number{color:var(--color-ink-mute)}html.light .profile-info{border-bottom-color:var(--color-hairline-on-light)}html.light .profile-label{color:var(--color-ink-mute)}html.light .profile-value{color:var(--color-ink)}html.light .profile-section{border-bottom-color:var(--color-hairline-on-light)}html.light .profile-section-title{color:var(--color-ink)}html.light .auth-divider:before,html.light .auth-divider:after{background:var(--color-hairline-on-light)}html.light .auth-divider{color:var(--color-ink-mute)}html.light .link-result{border-color:var(--color-hairline-on-light)}html.light .link-result-title{color:var(--color-ink)}html.light .link-result-url{border-color:var(--color-hairline-on-light)}html.light .btn-copy{background:var(--color-canvas-cool);color:var(--color-ink)}html.light .form-error{border-color:var(--color-danger,#dc3545);color:var(--color-danger,#dc3545);background:#dc354514}html.light .strength-bar{background:var(--color-hairline-on-light)}html.light .strength-text{color:var(--color-ink)}html.light .login-link{color:var(--color-ink-mute)}html.light .login-link a,html.light .auth-message,html.light .auth-back-link{color:var(--color-ink)}html.light .auth-subtitle{color:var(--color-ink-mute)}html.light .auth-title{color:var(--color-ink)}html.light .auth-error{border-color:var(--color-danger,#dc3545);color:var(--color-danger,#dc3545);background:#dc354514}html.light .auth-error-close{color:var(--color-danger,#dc3545)}html.light .page-title,html.light .table-name,html.light .table-slug a,html.light .table-clicks,html.light .dashboard-title{color:var(--color-ink)}html.light .hero-eyebrow{color:var(--color-ink-mute)}html.light .hero-title,html.light .hero-title-line2{color:var(--color-ink)}html.light .hero-lead{color:var(--color-ink-mute)}html.light .hero-band{background:var(--color-canvas-light)}html.light .hero-band-inner{color:var(--color-ink)}html.light .section-eyebrow{color:var(--color-ink-mute)}html.light .section-title{color:var(--color-ink)}html.light .hiw-step{border-color:var(--color-hairline-on-light)}html.light .hiw-step:hover{background:var(--color-canvas-cool)}html.light .hiw-step-visual{border-color:var(--color-hairline-on-light);color:var(--color-ink)}html.light .hiw-step:hover .hiw-step-visual{border-color:var(--color-ink)}html.light .hiw-step-label{color:var(--color-ink-mute)}html.light .hiw-step-title{color:var(--color-ink)}html.light .hiw-step-desc{color:var(--color-ink-mute)}html.light .hiw-connector{color:var(--color-ink)}html.light .features-band{background:var(--color-canvas)}html.light .step-num{color:var(--color-ink);opacity:.15}html.light .step-icon{border-color:var(--color-hairline-on-light);color:var(--color-ink)}html.light .step-title{color:var(--color-ink)}html.light .step-body,html.light .steps-label{color:var(--color-ink-mute)}html.light .steps-headline-sub{color:var(--color-ink-mute);opacity:.5}html.light .steps-headline-main{color:var(--color-ink)}html.light .step-arrow{color:var(--color-hairline-on-light)}html.light .features-label{color:var(--color-ink-mute)}html.light .features-headline{color:var(--color-ink)}html.light .feature-num{color:var(--color-ink);opacity:.12}html.light .feature-cell-icon{border-color:var(--color-hairline-on-light);color:var(--color-ink)}html.light .feature-cell-title{color:var(--color-ink)}html.light .feature-cell-desc{color:var(--color-ink-mute)}html.light .feature-cell-1:after,html.light .feature-cell-3:after,html.light .feature-cell-1:before,html.light .feature-cell-2:before{background:var(--color-hairline-on-light)}.page-enter{animation:pageFadeIn var(--transition-slow) var(--transition-smooth)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s var(--transition-smooth), transform .7s var(--transition-smooth);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0s}.reveal-delay-2{transition-delay:.1s}.reveal-delay-3{transition-delay:.2s}.reveal-delay-4{transition-delay:.3s}.reveal-delay-5{transition-delay:.4s}.scale-in{animation:scaleIn .5s var(--transition-bounce)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .6s var(--transition-smooth)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .4s var(--transition-smooth)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .4s var(--transition-smooth)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.pulse-dot{animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:linear-gradient(110deg, var(--color-canvas-night-soft) 30%, var(--color-hairline-on-dark) 50%, var(--color-canvas-night-soft) 70%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.8s ease-in-out infinite skeletonShimmer}html.light .skeleton{background:linear-gradient(110deg, var(--color-canvas-cool) 30%, var(--color-hairline-on-light) 50%, var(--color-canvas-cool) 70%);background-size:200% 100%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--color-hairline-on-dark);border-top-color:var(--color-on-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}html.light .spinner{border-color:var(--color-hairline-on-light);border-top-color:var(--color-ink)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.focus-ring{transition:box-shadow var(--transition-fast)}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--color-on-primary)}html.light .focus-ring:focus-visible{box-shadow:0 0 0 2px var(--color-ink)}.fade-in{animation:fadeIn var(--transition-slow) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp var(--transition-slow) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1279px){:root{--display-xxl-font-size:60px}}@media (width<=767px){:root{--display-xxl-font-size:48px;--display-xl-font-size:40px}}@media (width<=599px){:root{--display-xxl-font-size:40px}}.language-switcher{align-items:center;gap:2px;display:flex}.language-option{font-family:var(--font-body);letter-spacing:.4px;text-transform:uppercase;color:var(--color-on-primary-mute);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;padding:4px 5px;font-size:10px;font-weight:500;line-height:1}.language-option:hover{color:var(--color-on-primary);background:var(--color-canvas-night-soft)}html.light .language-option:hover{color:var(--color-ink);background:var(--color-canvas-cool)}.language-active{color:var(--color-on-primary);font-weight:600}html.light .language-active{color:var(--color-ink)}.header{z-index:var(--z-sticky);transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);background:0 0;position:fixed;top:0;left:0;right:0}.header-scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-hairline-on-dark);box-shadow:0 1px 0 var(--color-hairline-on-dark);background:#000000d9}html.light .header-scrolled{border-bottom-color:var(--color-hairline-on-light);background:#ffffffd9}.header-content{max-width:var(--max-width);padding:0 var(--space-xxl);height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:20px;font-weight:var(--button-cap-font-weight);line-height:var(--button-cap-line-height);letter-spacing:var(--button-cap-letter-spacing);text-transform:uppercase;color:var(--color-on-primary);transition:opacity var(--transition-fast), transform var(--transition-base) var(--transition-bounce);text-decoration:none;display:flex}.header-logo:hover{opacity:.8;transform:scale(1.02)}.header-nav{align-items:center;gap:var(--space-xxl);display:flex}.header-actions{align-items:center;gap:var(--space-xl);display:flex}.nav-item{font-family:var(--font-body);font-size:var(--micro-cap-font-size);font-weight:var(--micro-cap-font-weight);line-height:var(--micro-cap-line-height);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;color:var(--color-on-primary);transition:opacity var(--transition-fast), color var(--transition-fast), transform var(--transition-base) var(--transition-bounce);cursor:pointer;align-items:center;gap:var(--space-xs);background:0 0;border:none;padding:0;text-decoration:none;display:flex}.nav-item:hover{opacity:.8;transform:scale(1.02)}.nav-active{color:var(--color-on-primary);opacity:1;position:relative}.nav-active:after{content:"";background:var(--color-on-primary);height:1px;transition:left var(--transition-base) var(--transition-smooth), right var(--transition-base) var(--transition-smooth);position:absolute;bottom:-4px;left:50%;right:50%}.nav-active:hover:after,.nav-active:after{left:0;right:0}html.light .nav-active:after{background:var(--color-ink)}html.light .nav-active{color:var(--color-ink)}.nav-logout{color:var(--color-on-primary-mute)}.nav-logout:hover{color:var(--color-accent-red)}html.light .nav-logout{color:var(--color-ink-mute)}html.light .nav-logout:hover{color:var(--color-accent-red)}.theme-toggle{padding:var(--space-xs);border-radius:var(--radius-full);transition:background var(--transition-fast)}.theme-toggle:hover{background:var(--color-canvas-night-soft)}html.light .theme-toggle:hover{background:var(--color-canvas-cool)}.mobile-menu-toggle{padding:var(--space-xs);color:var(--color-on-primary);display:none}html.light .mobile-menu-toggle{color:var(--color-ink)}.mobile-menu{top:var(--header-height);z-index:var(--z-overlay);-webkit-backdrop-filter:blur(20px);padding:var(--space-xxl);gap:var(--space-xl);opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);pointer-events:none;background:#000000fa;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(-8px)}.mobile-menu-open{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-nav{gap:var(--space-lg);flex-direction:column;display:flex}.mobile-nav-item{font-family:var(--font-display);font-size:var(--display-md-font-size);color:var(--color-on-primary);text-transform:uppercase;transition:opacity var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;font-weight:700;line-height:1.2;text-decoration:none}.mobile-nav-item:hover{opacity:.7}.mobile-nav-logout{color:var(--color-on-primary-mute)}html.light .mobile-menu{background:#fffffffa}html.light .mobile-nav-item{color:var(--color-ink)}html.light .mobile-nav-logout{color:var(--color-ink-mute)}@media (width<=767px){.header-content{padding:0 var(--space-md)}.header-nav,.header-actions{gap:var(--space-md)}.nav-item:not(.theme-toggle):not(.mobile-menu-toggle){display:none}.mobile-menu-toggle{display:flex}.mobile-menu{padding:var(--space-xxl) var(--space-xl)}.mobile-nav-item{font-size:var(--display-lg-font-size)}}.platform-icons{gap:var(--space-xs);align-items:center;display:flex}.platform-badge{font-family:var(--font-body);font-size:var(--micro-cap-font-size);font-weight:var(--micro-cap-font-weight);line-height:var(--micro-cap-line-height);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;color:var(--color-on-primary);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-pill);padding:var(--space-xxs) var(--space-xs);transition:border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-base) var(--transition-bounce);cursor:default;background:0 0}.platform-badge:hover{border-color:var(--color-on-primary-mute);transform:scale(1.05)}.platform-badge.ios:hover{color:#fff;border-color:#ffffff80}.platform-badge.android:hover{color:#22c55e;border-color:#22c55e80}.platform-badge.web:hover{color:#3b82f6;border-color:#3b82f680}html.light .platform-badge{color:var(--color-ink);border-color:var(--color-hairline-on-light)}html.light .platform-badge:hover{border-color:var(--color-ink-mute)}.early-access-banner{max-width:560px;margin:0 auto var(--space-huge);padding:var(--space-xl) var(--space-xxl);background:var(--color-canvas-night-soft);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-md);animation:fadeInUp .8s var(--transition-smooth);justify-content:space-between;align-items:center;display:flex;position:relative;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.early-access-banner:before{content:"";top:-1px;left:var(--space-xxl);right:var(--space-xxl);background:linear-gradient(90deg, transparent, var(--color-on-primary-mute), transparent);opacity:.15;border-radius:var(--radius-md) var(--radius-md) 0 0;pointer-events:none;height:1px;position:absolute}.early-access-left{gap:var(--space-xs);min-width:0;padding-right:var(--space-xl);flex-direction:column;flex:1;display:flex}.early-access-pill{align-items:center;gap:var(--space-xs);color:var(--color-accent-green);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;margin-bottom:var(--space-md);width:fit-content;padding:0;font-size:11px;font-weight:700;line-height:1.6;display:inline-flex}.early-access-icon{background:var(--color-accent-green);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot}.early-access-headline{font-family:var(--font-display);letter-spacing:-.5px;color:var(--color-on-primary);margin:0;font-size:24px;font-weight:700;line-height:1.2}.early-access-desc{letter-spacing:.2px;color:var(--color-on-primary-mute);margin:0;font-size:13px;line-height:1.6}.early-access-cta{margin-top:var(--space-md);padding:var(--space-xs) var(--space-lg);letter-spacing:.2px;color:var(--color-on-primary);background:var(--color-accent-green);border-radius:var(--radius-sm);transition:opacity var(--transition-fast);border:none;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-block}.early-access-cta:hover{opacity:.85}.early-access-cta:active{opacity:.7}.early-access-right{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.early-access-stat-num{font-family:var(--font-display);letter-spacing:2px;color:var(--color-on-primary);font-size:64px;font-weight:700;line-height:1}.early-access-stat-unit{letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;color:var(--color-on-primary-mute);margin-top:var(--space-xs);font-size:11px;font-weight:700;line-height:1.6}html.light .early-access-banner{border-color:var(--color-hairline-on-light);background:#fff;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}html.light .early-access-banner:before{background:linear-gradient(90deg, transparent, var(--color-ink-mute), transparent)}html.light .early-access-headline,html.light .early-access-stat-num{color:var(--color-ink)}@media (width<=639px){.early-access-banner{align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);flex-direction:column}.early-access-left{padding-right:0}.early-access-right{align-items:flex-start}.early-access-stat-num{font-size:48px}}.footer{background:var(--color-canvas-night);border-top:1px solid var(--color-hairline-on-dark);margin-top:auto}.footer-content{max-width:var(--max-width);padding:var(--space-xxl) var(--space-xxl) var(--space-giant);gap:var(--space-giant);flex-direction:column;margin:0 auto;display:flex}.footer-top{text-align:center;padding-bottom:var(--space-giant);border-bottom:1px solid var(--color-hairline-on-dark)}.footer-brand{font-family:var(--font-display);font-size:var(--button-cap-font-size);font-weight:var(--button-cap-font-weight);line-height:var(--button-cap-line-height);letter-spacing:var(--button-cap-letter-spacing);text-transform:uppercase;color:var(--color-on-primary);transition:opacity var(--transition-fast);text-decoration:none}.footer-brand:hover{opacity:.7}.footer-tagline{color:var(--color-on-primary-mute);margin:var(--space-xs) 0 0;font-size:var(--body-md-font-size)}.footer-links{justify-content:center;gap:var(--space-xxl);flex-wrap:wrap;display:flex}.footer-col{gap:var(--space-sm);flex-direction:column;align-items:flex-start;min-width:140px;display:flex}.footer-col-title{color:var(--color-on-primary-mute);margin:0 0 var(--space-xs)}.footer-link{font-family:var(--font-body);font-size:var(--body-md-font-size);color:var(--color-on-primary-mute);transition:color var(--transition-fast), transform var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--color-on-primary);transform:translate(4px)}.footer-bottom{text-align:center;padding-top:var(--space-giant);border-top:1px solid var(--color-hairline-on-dark);justify-content:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.footer-bottom-item{color:var(--color-on-primary-mute);font-family:var(--font-body);font-size:var(--micro-cap-font-size);text-transform:uppercase;letter-spacing:var(--micro-cap-letter-spacing);transition:color var(--transition-fast);text-decoration:none}.footer-bottom-item:hover{color:var(--color-on-primary)}.footer-copyright{font-family:var(--font-body);font-size:var(--micro-cap-font-size);font-weight:var(--micro-cap-font-weight);line-height:var(--micro-cap-line-height);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;color:var(--color-on-primary-mute)}@media (width<=639px){.footer-content{padding:var(--space-xxl) var(--space-md) var(--space-giant);gap:var(--space-giant)}.footer-links{gap:var(--space-giant);flex-direction:column;align-items:center}.footer-col{align-items:center;min-width:auto}.footer-link{text-align:center}.footer-top{padding-bottom:var(--space-giant)}.footer-bottom{padding-top:var(--space-giant)}}.home{flex-direction:column;display:flex}.hero-band{background:var(--color-canvas-night);min-height:100vh;padding:calc(var(--header-height) + var(--space-giant)) var(--space-xl) var(--space-giant);background-image:radial-gradient(at 50% 40%,#ffffff08 0%,#0000 60%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-band:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff05 0%,#0000 50%);width:200%;height:200%;animation:8s ease-in-out infinite alternate heroGlow;position:absolute;top:-50%;left:-50%}@keyframes heroGlow{0%{transform:translate(-5%,-5%)scale(1)}to{transform:translate(5%,5%)scale(1.1)}}.hero-band-inner{max-width:var(--max-width);text-align:center;z-index:1;margin:0 auto;position:relative}.hero-eyebrow{color:var(--color-on-primary-mute);margin-bottom:var(--space-xl);animation:fadeInUp .8s var(--transition-smooth)}.hero-title{color:var(--color-on-primary);animation:fadeInUp .8s var(--transition-smooth) .1s both;margin-bottom:0}.hero-title-line2{color:var(--color-on-primary);margin-bottom:var(--space-xxl);animation:fadeInUp .8s var(--transition-smooth) .2s both}.hero-lead{color:var(--color-on-primary-mute);max-width:560px;margin:0 auto var(--space-xxl);animation:fadeInUp .8s var(--transition-smooth) .3s both}.hero-actions{margin-bottom:var(--space-xxl);animation:fadeInUp .8s var(--transition-smooth) .4s both}.hero-platforms{animation:fadeInUp .8s var(--transition-smooth) .5s both;justify-content:center;display:flex}.section-eyebrow{color:var(--color-on-primary-mute);text-align:center;margin-bottom:var(--space-xl)}.section-title{color:var(--color-on-primary);text-align:center;margin-bottom:var(--space-huge);line-height:1.1}.steps-band{background:var(--color-canvas-night);padding:var(--space-giant) var(--space-xl);background-image:radial-gradient(at 50% 0,#ffffff0a 0%,#0000 60%)}.steps-inner{max-width:var(--max-width);margin:0 auto}.steps-header{text-align:center;margin-bottom:var(--space-huge)}.steps-label{font-family:var(--font-body);letter-spacing:2.4px;text-transform:uppercase;color:var(--color-on-primary-mute);margin-bottom:var(--space-xl);font-size:11px;font-weight:400;display:block}.steps-headline{align-items:center;gap:var(--space-xxs);flex-direction:column;display:flex}.steps-headline-sub{font-family:var(--font-display);font-size:var(--display-lg-font-size);letter-spacing:var(--display-lg-letter-spacing);text-transform:uppercase;color:var(--color-on-primary-mute);opacity:.5;font-weight:700;line-height:1}.steps-headline-main{font-family:var(--font-display);letter-spacing:1.8px;text-transform:uppercase;color:var(--color-on-primary);margin-top:var(--space-sm);font-size:96px;font-weight:700;line-height:.92}.steps-flow{max-width:1060px;margin:var(--space-huge) auto 0;justify-content:center;align-items:flex-start;gap:0;display:flex}.step-col{align-items:center;gap:var(--space-lg);text-align:center;flex-direction:column;flex:1;max-width:300px;animation:.7s ease-out both stepRise;display:flex}.step-col-1{animation-delay:50ms}.step-col-2{animation-delay:.2s}.step-col-3{animation-delay:.35s}@keyframes stepRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.step-num{font-family:var(--font-display);letter-spacing:-3px;color:var(--color-on-primary);opacity:.35;-webkit-user-select:none;user-select:none;margin-bottom:var(--space-xs);font-size:120px;font-weight:700;line-height:.85}.step-icon{border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-on-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-title{font-family:var(--font-display);font-size:var(--display-md-font-size);font-weight:700;line-height:var(--display-md-line-height);letter-spacing:var(--display-md-letter-spacing);text-transform:uppercase;color:var(--color-on-primary)}.step-body{font-family:var(--font-body);letter-spacing:.2px;color:var(--color-on-primary-mute);max-width:260px;margin-top:-var(--space-sm);font-size:14px;line-height:1.7}.step-arrow{padding:0 var(--space-lg);padding-top:calc(120px * .85 + var(--space-lg));color:var(--color-hairline-on-dark);opacity:.35;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-arrow svg{display:block}.steps-cta-wrap{text-align:center;margin-top:var(--space-huge)}.steps-cta-wrap .btn-ghost-dark{padding:var(--space-lg) var(--space-xxl)}.features-band{background:var(--color-canvas-night);padding:var(--space-giant) var(--space-xl) var(--space-huge);background-image:radial-gradient(at 50% 30%,#ffffff05 0%,#0000 50%)}.features-inner{max-width:var(--max-width);margin:0 auto}.features-label{font-family:var(--font-body);letter-spacing:2.4px;text-transform:uppercase;color:var(--color-on-primary-mute);margin-bottom:var(--space-xl);text-align:center;font-size:11px;font-weight:400;display:block}.features-headline{text-align:center;font-family:var(--font-display);font-size:var(--display-lg-font-size);letter-spacing:var(--display-lg-letter-spacing);text-transform:uppercase;color:var(--color-on-primary);margin-bottom:var(--space-huge);font-weight:700;line-height:1.1}.features-grid{max-width:900px;margin:0 auto var(--space-huge);grid-template-columns:1fr 1fr;gap:0;display:grid}.feature-cell{align-items:flex-start;gap:var(--space-md);padding:var(--space-xxl) var(--space-xl);text-align:left;flex-direction:column;animation:.7s ease-out both cellFade;display:flex;position:relative}.feature-cell-1{animation-delay:50ms}.feature-cell-2{animation-delay:.15s}.feature-cell-3{animation-delay:.25s}.feature-cell-4{animation-delay:.35s}@keyframes cellFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feature-cell:after{content:"";pointer-events:none;position:absolute}.feature-cell-1:after,.feature-cell-3:after{background:var(--color-hairline-on-dark);opacity:.15;width:1px;top:10%;bottom:10%;right:0}.feature-cell-1:before,.feature-cell-2:before{content:"";background:var(--color-hairline-on-dark);opacity:.15;height:1px;position:absolute;bottom:0;left:10%;right:10%}.feature-num{top:var(--space-sm);right:var(--space-lg);font-family:var(--font-display);letter-spacing:-.5px;color:var(--color-on-primary);opacity:.3;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:28px;font-weight:700;line-height:1;position:absolute}.feature-cell-icon{border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-on-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-cell-icon svg{width:20px;height:20px}.feature-cell-title{font-family:var(--font-display);font-size:var(--display-sm-font-size);letter-spacing:var(--display-sm-letter-spacing);text-transform:uppercase;color:var(--color-on-primary);font-weight:700;line-height:1.2}.feature-cell-desc{font-family:var(--font-body);letter-spacing:.2px;color:var(--color-on-primary-mute);max-width:340px;font-size:13px;line-height:1.7}.feature-cell-desc code{font-family:var(--font-body);background:var(--color-canvas-cool);color:var(--color-ink);border-radius:var(--radius-xs);padding:2px 6px;font-size:.9em}.features-cta-wrap{text-align:center}.features-cta-wrap .btn-ghost-dark{padding:var(--space-md) var(--space-xxl)}@media (width<=960px){.steps-flow{align-items:center;gap:var(--space-lg);max-width:400px;margin:var(--space-xxl) auto 0;flex-direction:column}.step-arrow{padding:0 var(--space-xl);transform:rotate(90deg)}.step-col{max-width:100%}.feature-row{gap:var(--space-xl);padding-left:var(--space-sm);padding-right:var(--space-sm);margin:0 calc(-1 * var(--space-sm))}.feature-row-icon{width:48px;height:48px}.feature-row-icon svg{width:20px;height:20px}}@media (width<=639px){.hero-band{padding-top:calc(var(--header-height) + var(--space-xxl));padding-bottom:var(--space-xxl)}.steps-band{padding:var(--space-xxl) var(--space-md)}.steps-flow{align-items:center;gap:var(--space-lg);max-width:400px;margin:var(--space-xxl) auto 0;flex-direction:column}.step-arrow{padding:0 var(--space-xl);transform:rotate(90deg)}.step-col{max-width:100%}.steps-headline-main{font-size:56px}.features-grid{grid-template-columns:1fr;max-width:500px}.feature-cell{padding:var(--space-xl) var(--space-md)}.feature-cell-1:after,.feature-cell-3:after{display:none}.feature-cell-1:before,.feature-cell-2:before{left:5%;right:5%}.features-headline{font-size:var(--display-md-font-size)}}.dashboard{background:var(--color-canvas-night);min-height:100vh;padding-top:calc(var(--header-height) + var(--space-huge));padding-bottom:var(--space-huge)}.dashboard-container{max-width:var(--max-width);padding:0 var(--space-xxl);margin:0 auto}.dashboard-header{margin-bottom:var(--space-huge);justify-content:space-between;align-items:flex-end;gap:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-hairline-on-dark);flex-wrap:wrap;display:flex}.dashboard-header-left{gap:var(--space-md);flex-direction:column;display:flex}.dashboard-title{color:var(--color-on-primary);letter-spacing:var(--display-lg-letter-spacing);margin:0}.platform-pills{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.platform-pill{font-family:var(--font-body);font-size:var(--micro-cap-font-size);font-weight:var(--micro-cap-font-weight);line-height:var(--micro-cap-line-height);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;color:var(--color-on-primary-mute);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-pill);padding:var(--space-xxs) var(--space-sm)}.platform-pill-active{color:var(--color-on-primary);border-color:var(--color-on-primary)}.platform-pill-disabled{color:var(--color-on-primary-mute);cursor:default;opacity:.5}.dashboard-stats-bar{align-items:center;gap:var(--space-xxl);padding:var(--space-xxl) var(--space-xxl);margin-bottom:var(--space-xxl);background:var(--color-canvas-night-soft);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-sm);display:flex}.dashboard-stats-bar-skeleton{margin-bottom:var(--space-xxl)}.dashboard-stat{gap:var(--space-xxs);flex-direction:column;display:flex}.dashboard-stat-value{color:var(--color-on-primary);font-family:var(--font-display);font-size:var(--display-xl-font-size);font-weight:700;line-height:var(--display-xl-line-height);letter-spacing:var(--display-xl-letter-spacing);text-transform:uppercase;margin:0}.dashboard-stat-label{color:var(--color-on-primary-mute);font-size:var(--micro-cap-font-size);font-weight:var(--micro-cap-font-weight);line-height:var(--micro-cap-line-height);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase}.dashboard-stats-divider{background:var(--color-hairline-on-dark);width:1px;height:40px}.dashboard-error{padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl);border-radius:var(--radius-xs);color:#ef4444;font-size:var(--body-md-font-size);justify-content:space-between;align-items:center;gap:var(--space-md);animation:fadeInUp .4s var(--transition-smooth);background:#ef444414;border:1px solid #ef44444d;display:flex}.dashboard-skeletons{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.skeleton-link-card{padding:var(--space-xl);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-sm);gap:var(--space-md);background:var(--color-canvas-night-soft);flex-direction:column;display:flex}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(90deg,#e8e8f0 25%,#f0f0f8 50%,#e8e8f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{width:60%;height:18px}.skeleton-url{width:80%;height:14px}.skeleton-actions{width:60%;height:32px;margin-top:auto}.dashboard-stat-value.skeleton{width:60px;height:48px}.dashboard-empty{text-align:center;padding:var(--space-giant) var(--space-xl);animation:fadeInUp .6s var(--transition-smooth)}.dashboard-empty-icon{color:var(--color-on-primary-mute);margin-bottom:var(--space-xl);opacity:.4;animation:3s ease-in-out infinite pulseDot}.dashboard-empty-icon svg{stroke-width:1px;width:80px;height:80px}.dashboard-empty-title{color:var(--color-on-primary);margin:0 0 var(--space-md);letter-spacing:var(--display-md-letter-spacing)}.dashboard-empty-desc{color:var(--color-on-primary-mute);max-width:480px;margin:0 auto var(--space-xxl);line-height:1.6}.dashboard-empty-cta{padding:var(--space-lg) var(--space-xxl);animation:scaleIn .5s var(--transition-bounce) .2s both}.dashboard-links{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.link-card{padding:var(--space-xl);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-sm);gap:var(--space-lg);background:var(--color-canvas-night-soft);transition:transform var(--transition-base) var(--transition-bounce), border-color var(--transition-base), box-shadow var(--transition-base);animation:fadeInUp .5s var(--transition-smooth) both;flex-direction:column;display:flex;position:relative}.link-card:hover{border-color:var(--color-on-primary-mute);transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.link-card-inactive{opacity:.6}.link-card-inactive:hover{opacity:.8}.link-card:first-child{animation-delay:0s}.link-card:nth-child(2){animation-delay:80ms}.link-card:nth-child(3){animation-delay:.16s}.link-card:nth-child(4){animation-delay:.24s}.link-card:nth-child(5){animation-delay:.32s}.link-card:nth-child(6){animation-delay:.4s}.link-card-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.link-card-name{color:var(--color-on-primary);white-space:nowrap;text-overflow:ellipsis;font-size:var(--body-md-font-size);margin:0;font-weight:600;overflow:hidden}.status-pill{padding:var(--space-xxs) var(--space-sm);font-size:var(--micro-cap-font-size);font-weight:var(--micro-cap-font-weight);line-height:var(--micro-cap-line-height);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-xxs);border:1px solid #0000;flex-shrink:0;display:flex}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.status-pill-active{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e4d}.status-pill-active .status-dot{background:#22c55e;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 6px #22c55e80}.status-pill-inactive{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d}.status-pill-inactive .status-dot{background:#ef4444}.link-card-url-row{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-canvas-night);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-sm);font-size:var(--caption-font-size);transition:border-color var(--transition-fast);display:flex}.link-card-url-row:hover{border-color:var(--color-on-primary-mute)}.link-card-url{color:var(--color-on-primary-mute);font-family:var(--font-body);font-size:var(--caption-font-size);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.link-card-url-row:hover .link-card-url{color:var(--color-on-primary)}.btn-copy-link{border-radius:var(--radius-xs);border:1px solid var(--color-hairline-on-dark);width:28px;height:28px;color:var(--color-on-primary-mute);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-copy-link:hover{background:var(--color-canvas-glow);color:var(--color-on-primary);border-color:var(--color-on-primary-mute)}.btn-copy-link.copied{color:#16a34a;background:#22c55e1a;border-color:#22c55e4d}.link-card-footer{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-hairline-on-dark);display:flex}.stat-item{align-items:flex-start;gap:var(--space-xxs);flex-direction:column;display:flex}.stat-value{color:var(--color-on-primary);font-family:var(--font-display);font-size:var(--display-lg-font-size);font-weight:700;line-height:var(--display-lg-line-height);letter-spacing:var(--display-lg-letter-spacing);text-transform:uppercase;margin:0}.stat-label{color:var(--color-on-primary-mute);font-size:var(--micro-cap-font-size);font-weight:var(--micro-cap-font-weight);line-height:var(--micro-cap-line-height);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase}.link-card-actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.btn-sm{padding:var(--space-xxs) var(--space-sm);font-size:var(--micro-cap-font-size);font-weight:var(--micro-cap-font-weight);line-height:var(--micro-cap-line-height);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;align-items:center;gap:var(--space-xxs);min-height:auto;transition:all var(--transition-fast);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-sm);color:var(--color-on-primary-mute);cursor:pointer;background:0 0;text-decoration:none;display:inline-flex}.btn-sm:hover{background:var(--color-canvas-glow);color:var(--color-on-primary);border-color:var(--color-on-primary-mute)}.btn-sm svg{flex-shrink:0}.btn-delete:hover{color:#dc2626;background:#ef444414;border-color:#dc2626}.delete-confirm{gap:var(--space-xs);display:flex}.btn-ghost-dark-pill{border-radius:var(--radius-pill);padding:var(--space-lg) var(--space-xxl);font-size:var(--button-cap-font-size);font-weight:700;line-height:var(--button-cap-line-height);letter-spacing:var(--button-cap-letter-spacing);text-transform:uppercase}.analytics-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(8px);background:#000000b3;animation:.3s ease-out overlayFadeIn;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.analytics-panel{z-index:var(--z-modal);background:var(--color-canvas-night-soft);border-left:1px solid var(--color-hairline-on-dark);width:100%;max-width:480px;animation:slideInRight .35s var(--transition-smooth);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.analytics-panel-header{padding:var(--space-xl) var(--space-xxl);border-bottom:1px solid var(--color-hairline-on-dark);background:var(--color-canvas-night-soft-2);flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.analytics-panel-title{color:var(--color-on-primary);margin-bottom:var(--space-xxs);display:block}.analytics-panel-slug{color:var(--color-on-primary-mute);font-size:var(--caption-font-size);display:block}.analytics-close{color:var(--color-on-primary-mute);padding:var(--space-xs);border-radius:var(--radius-full);transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex}.analytics-close:hover{color:var(--color-on-primary);background:var(--color-canvas-glow)}.analytics-panel-body{padding:var(--space-xxl);flex:1;overflow-y:auto}.analytics-loading{color:var(--color-on-primary-mute);font-size:var(--body-md-font-size);gap:var(--space-md);flex-direction:column;display:flex}.analytics-empty{color:var(--color-on-primary-mute);font-size:var(--body-md-font-size);text-align:center;padding:var(--space-giant) 0;animation:.5s ease-out fadeIn}.analytics-empty p{margin:0}.analytics-empty svg{margin:0 auto var(--space-lg);opacity:.3}.analytics-breakdown{gap:var(--space-xxl);animation:fadeInUp .4s var(--transition-smooth);flex-direction:column;display:flex}.analytics-total{gap:var(--space-xs);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-hairline-on-dark);flex-direction:column;display:flex}.analytics-total-label{color:var(--color-on-primary-mute);font-size:var(--micro-cap-font-size);font-weight:var(--micro-cap-font-weight);line-height:var(--micro-cap-line-height);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase}.analytics-total-value{color:var(--color-on-primary);font-family:var(--font-display);font-size:var(--display-xl-font-size);font-weight:700;line-height:var(--display-xl-line-height);letter-spacing:var(--display-xl-letter-spacing);text-transform:uppercase;margin:0}.analytics-platforms{gap:var(--space-lg);flex-direction:column;display:flex}.analytics-platform{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-canvas-night);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-xs);transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.analytics-platform:hover{border-color:var(--color-on-primary-mute);background:var(--color-canvas-glow)}.analytics-platform-icon{border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-on-primary-mute);transition:border-color var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.analytics-platform:hover .analytics-platform-icon{border-color:var(--color-on-primary-mute);color:var(--color-on-primary)}.analytics-platform-icon.ios{border-color:#fff3}.analytics-platform-icon.android{color:#22c55e;border-color:#22c55e4d}.analytics-platform-icon.web{color:#3b82f6;border-color:#3b82f64d}.analytics-platform-label{color:var(--color-on-primary-mute);font-size:var(--body-md-font-size);flex:1}.analytics-platform-value{font-size:var(--body-md-font-size);color:var(--color-on-primary);font-weight:600}.analytics-platform>div{gap:var(--space-xxs);flex-direction:column;display:flex}html.light .dashboard{background:var(--color-canvas-light)}html.light .dashboard-stats-bar{background:var(--color-canvas-cool);border-color:var(--color-hairline-on-light)}html.light .dashboard-stat-value{color:var(--color-ink)}html.light .dashboard-stat-label{color:var(--color-ink-mute)}html.light .dashboard-stats-divider{background:var(--color-hairline-on-light)}html.light .skeleton-link-card{background:var(--color-canvas-cool);border-color:var(--color-hairline-on-light)}html.light .link-card{background:var(--color-canvas-light);border-color:var(--color-hairline-on-light)}html.light .link-card:hover{border-color:var(--color-ink-mute);box-shadow:0 8px 24px #0000000f}html.light .link-card-name{color:var(--color-ink)}html.light .link-card-url{color:var(--color-ink-mute)}html.light .link-card-url-row{background:var(--color-canvas-cool);border-color:var(--color-hairline-on-light)}html.light .link-card-url-row:hover{border-color:var(--color-ink-mute)}html.light .link-card-url-row:hover .link-card-url{color:var(--color-ink)}html.light .btn-copy-link{border-color:var(--color-hairline-on-light);color:var(--color-ink-mute)}html.light .btn-copy-link:hover{color:var(--color-ink);border-color:var(--color-ink-mute);background:var(--color-canvas-cool)}html.light .link-card-footer{border-top-color:var(--color-hairline-on-light)}html.light .stat-value{color:var(--color-ink)}html.light .stat-label{color:var(--color-ink-mute)}html.light .btn-sm{border-color:var(--color-hairline-on-light);color:var(--color-ink-mute)}html.light .btn-sm:hover{color:var(--color-ink);border-color:var(--color-ink-mute);background:var(--color-canvas-cool)}html.light .status-pill.active{color:#16a34a;background:#22c55e1a;border-color:#22c55e4d}html.light .status-pill.inactive{color:#dc2626;background:#ef44441a;border-color:#ef44444d}html.light .analytics-panel{background:var(--color-canvas-light);border-color:var(--color-hairline-on-light)}html.light .analytics-panel-header{background:var(--color-canvas-cool);border-bottom-color:var(--color-hairline-on-light)}html.light .analytics-panel-title{color:var(--color-ink)}html.light .analytics-panel-slug,html.light .analytics-close{color:var(--color-ink-mute)}html.light .analytics-close:hover{color:var(--color-ink);background:var(--color-canvas-cool)}html.light .analytics-loading,html.light .analytics-empty{color:var(--color-ink-mute)}html.light .analytics-total{border-bottom-color:var(--color-hairline-on-light)}html.light .analytics-total-label{color:var(--color-ink-mute)}html.light .analytics-total-value{color:var(--color-ink)}html.light .analytics-platform{background:var(--color-canvas-cool);border-color:var(--color-hairline-on-light)}html.light .analytics-platform:hover{border-color:var(--color-ink-mute);background:0 0}html.light .analytics-platform-icon{border-color:var(--color-hairline-on-light);color:var(--color-ink-mute)}html.light .analytics-platform:hover .analytics-platform-icon{border-color:var(--color-ink-mute);color:var(--color-ink)}html.light .analytics-platform-label{color:var(--color-ink-mute)}html.light .analytics-platform-value{color:var(--color-ink)}@media (width<=1023px){.dashboard-container{padding:0 var(--space-xl)}.dashboard-header{margin-bottom:var(--space-xxl)}.dashboard-links{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (width<=767px){.dashboard-container{padding:0 var(--space-md)}.dashboard{padding-top:calc(var(--header-height) + var(--space-xl));padding-bottom:var(--space-xl)}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header .btn-ghost-dark{justify-content:center;width:100%}.dashboard-stats-bar{gap:var(--space-lg);padding:var(--space-lg);flex-wrap:wrap}.dashboard-stats-divider{display:none}.dashboard-stat-value{font-size:var(--display-lg-font-size)}.dashboard-links{grid-template-columns:1fr}.link-card-footer{align-items:stretch;gap:var(--space-md);flex-direction:column}.link-card-actions{width:100%}.link-card-actions .btn-sm{flex:1;justify-content:center}.analytics-panel{max-width:100%}.analytics-total-value{font-size:var(--display-xl-font-size)}}@media (width<=479px){.dashboard-stats-bar{align-items:stretch;gap:var(--space-md);flex-direction:column}.dashboard-stat{flex-direction:row;justify-content:space-between;align-items:baseline}.link-card-header{gap:var(--space-md);flex-direction:column}.status-pill{align-self:flex-start}}.link-result{padding:var(--space-xxl);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-sm);background:var(--color-canvas-night-soft);text-align:center;position:relative;overflow:hidden}.link-result:before{content:"";background:linear-gradient(90deg,#0000,#22c55e66,#0000);width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.link-result-check{color:#22c55e;width:48px;height:48px;margin-bottom:var(--space-md);background:#22c55e14;border:1px solid #22c55e33;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.link-result-title{color:var(--color-on-primary);margin:0 0 var(--space-lg)}.link-result-url-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.link-result-url{padding:var(--space-sm) var(--space-md);background:var(--color-canvas-night);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-xs);font-size:var(--body-md-font-size);color:var(--color-on-primary);word-break:break-all;text-align:left;flex:1}.btn-copy{font-size:var(--button-cap-font-size);font-weight:var(--button-cap-font-weight);line-height:var(--button-cap-line-height);letter-spacing:var(--button-cap-letter-spacing);text-transform:uppercase;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);color:var(--color-on-primary);background:var(--color-canvas-night);border:1px solid var(--color-hairline-on-dark);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:var(--space-xs);flex-shrink:0;display:inline-flex}.btn-copy:hover{background:var(--color-canvas-night-soft);border-color:var(--color-on-primary-mute)}.btn-copy.copied{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.link-result-dashboard{align-items:center;gap:var(--space-xs);font-size:var(--body-md-font-size);transition:opacity var(--transition-fast);color:var(--color-link-on-dark);display:inline-flex}.link-result-dashboard:hover{opacity:.7}.link-result-dashboard svg{transition:transform var(--transition-fast)}.link-result-dashboard:hover svg{transform:translate(2px)}html.light .link-result{background:var(--color-canvas-light);border-color:var(--color-hairline-on-light)}html.light .link-result:before{background:linear-gradient(90deg,#0000,#22c55e4d,#0000)}html.light .link-result-check{background:#22c55e14;border-color:#22c55e33}html.light .link-result-url{background:var(--color-canvas-cool);border-color:var(--color-hairline-on-light);color:var(--color-ink)}html.light .btn-copy{color:var(--color-ink);background:var(--color-canvas-cool);border-color:var(--color-hairline-on-light)}html.light .btn-copy:hover{background:var(--color-canvas-night);border-color:var(--color-ink);color:var(--color-on-primary)}html.light .btn-copy.copied{color:#16a34a;background:#22c55e14;border-color:#22c55e33}html.light .link-result-dashboard{color:var(--color-ink)}@media (width<=639px){.link-result{padding:var(--space-lg)}.link-result-url-row{flex-direction:column;align-items:stretch}.btn-copy{justify-content:center}}.link-form-container{max-width:640px;margin:0 auto}.link-form{flex-direction:column;gap:0;display:flex}.form-section{padding:var(--space-xl) 0;border:none;border-bottom:1px solid var(--color-hairline-on-dark)}.form-section:first-of-type{padding-top:0}.form-section:last-of-type{border-bottom:none}html.light .form-section{border-bottom-color:var(--color-hairline-on-light)}.form-section-compact{padding-top:0}.form-section-label{align-items:center;gap:var(--space-xs);color:var(--color-on-primary-mute);margin-bottom:var(--space-lg);-webkit-user-select:none;user-select:none;display:flex}html.light .form-section-label{color:var(--color-ink-mute)}.platform-count{min-width:24px;height:20px;padding:0 var(--space-xxs);background:var(--color-canvas-night-soft);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-pill);font-size:var(--micro-cap-font-size);letter-spacing:0;text-transform:none;color:var(--color-on-primary-mute);opacity:.7;transition:opacity var(--transition-base), background var(--transition-base);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.form-section:hover .platform-count{opacity:1}html.light .platform-count{background:var(--color-canvas-cool);border-color:var(--color-hairline-on-light);color:var(--color-ink-mute)}.form-group{margin-bottom:var(--space-xl)}.form-group:last-child{margin-bottom:0}.form-label{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);color:var(--color-on-primary);display:flex}html.light .form-label{color:var(--color-ink)}.form-label-icon{color:var(--color-on-primary-mute);flex-shrink:0;align-items:center;display:flex}html.light .form-label-icon{color:var(--color-ink-mute)}.platform-icon-sm.platform-ios-icon{color:#a2aaad}.platform-icon-sm.platform-android-icon{color:#3ddc84}.platform-icon-sm.platform-web-icon{color:var(--color-on-primary-mute)}html.light .platform-icon-sm.platform-ios-icon{color:#555}html.light .platform-icon-sm.platform-android-icon{color:#1da85e}html.light .platform-icon-sm.platform-web-icon{color:var(--color-ink-mute)}.form-required{color:#ef4444;margin-left:var(--space-xxs)}.form-textarea{resize:vertical;min-height:80px}.form-hint{margin-top:var(--space-xxs);color:var(--color-on-primary-mute);opacity:.7;display:block}html.light .form-hint{color:var(--color-ink-mute)}.input-dark{background:var(--color-canvas-night-soft);color:var(--color-on-primary);border-color:var(--color-hairline-on-dark);transition:border-color .2s,box-shadow .2s,background .2s}.input-dark::placeholder{color:var(--color-on-primary-mute);opacity:.45}.input-dark:focus{border-color:var(--color-on-primary-mute);background:var(--color-canvas-night-soft);box-shadow:0 0 0 3px #ffffff0a}html.light .input-dark{background:var(--color-canvas-light);color:var(--color-ink);border-color:var(--color-hairline-on-light)}html.light .input-dark::placeholder{color:var(--color-ink-mute);opacity:.5}html.light .input-dark:focus{border-color:var(--color-ink);box-shadow:0 0 0 3px var(--color-canvas-cool)}.input-active{border-color:var(--color-hairline-on-dark)}.input-active:focus{border-color:var(--color-on-primary-mute);box-shadow:0 0 0 3px #ffffff0f}html.light .input-active{border-color:var(--color-hairline-on-light)}html.light .input-active:focus{border-color:var(--color-ink);box-shadow:0 0 0 3px var(--color-canvas-cool)}.slug-input-wrapper{align-items:center;display:flex;position:relative}.slug-prefix{left:var(--space-sm);color:var(--color-on-primary-mute);font-size:var(--body-md-font-size);pointer-events:none;z-index:1;opacity:.5;-webkit-user-select:none;user-select:none;position:absolute}.slug-input-wrapper .input-dark{padding-left:calc(var(--space-sm) + 8ch + var(--space-sm))}html.light .slug-prefix{color:var(--color-ink-mute)}html.light .slug-input-wrapper .input-dark{padding-left:calc(var(--space-sm) + 8ch + var(--space-sm))}.slug-display{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-canvas-night-soft);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-xs);min-height:44px;display:flex}html.light .slug-display{background:var(--color-canvas-light);border-color:var(--color-hairline-on-light)}.slug-display-url{font-size:var(--body-md-font-size);font-family:var(--font-mono,"SF Mono", "Fira Code", monospace);align-items:center;gap:0;display:flex}.slug-display-prefix{color:var(--color-on-primary-mute);opacity:.5;-webkit-user-select:none;user-select:none}html.light .slug-display-prefix{color:var(--color-ink-mute)}.slug-display-value{color:var(--color-on-primary);letter-spacing:.02em;font-weight:500}html.light .slug-display-value{color:var(--color-ink)}.slug-display-badge{align-items:center;gap:var(--space-xxs);padding:2px var(--space-xs);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-pill);font-size:var(--micro-cap-font-size);color:var(--color-on-primary-mute);white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:.7;background:#ffffff0f;margin-left:auto;display:inline-flex}html.light .slug-display-badge{background:var(--color-canvas-cool);border-color:var(--color-hairline-on-light);color:var(--color-ink-mute)}.slug-preview{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);background:#22c55e0a;border:1px solid #22c55e26;display:flex}.slug-preview-label{color:var(--color-on-primary-mute);font-size:var(--caption-font-size)}html.light .slug-preview-label{color:var(--color-ink-mute)}.slug-preview-url{color:var(--color-on-primary);font-size:var(--caption-font-size);font-family:var(--font-body)}html.light .slug-preview-url{color:var(--color-ink)}.slug-preview-status{align-items:center;gap:var(--space-xxs);color:#22c55e;font-size:var(--micro-cap-font-size);letter-spacing:0;text-transform:none;margin-left:auto;font-weight:500;display:inline-flex}.input-error:focus{box-shadow:0 0 0 3px #ef444414!important}.form-error{padding:var(--space-md);margin-bottom:var(--space-lg);border-radius:var(--radius-xs);color:#ef4444;font-size:var(--body-md-font-size);background:#ef444414;border:1px solid #ef444433}.form-actions{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xxl);padding-top:var(--space-xl);display:flex}.spin-icon{animation:1s linear infinite spin;display:inline-block}@media (width<=639px){.form-section{padding:var(--space-lg) 0}.form-actions{flex-direction:column}.form-actions .btn-ghost-dark,.form-actions .btn-ghost-light{width:100%}.slug-prefix{display:none}.slug-input-wrapper .input-dark{padding-left:var(--space-sm)}.slug-preview{flex-direction:column;align-items:flex-start}.slug-preview-status{margin-left:0}}.create-page{background:var(--color-canvas-night);min-height:100vh;padding-top:calc(var(--header-height) + var(--space-xxl));padding-bottom:var(--space-huge)}html.light .create-page{background:var(--color-canvas-light)}.create-inner{max-width:640px;padding:0 var(--space-xl);margin:0 auto}.create-header{margin-bottom:var(--space-xxl);text-align:center}.create-eyebrow{align-items:center;gap:var(--space-xs);color:var(--color-on-primary-mute);margin-bottom:var(--space-md);display:inline-flex}.eyebrow-dot{background:var(--color-on-primary-mute);opacity:.6;border-radius:50%;width:6px;height:6px;display:inline-block}html.light .eyebrow-dot{background:var(--color-ink-mute)}.page-title{color:var(--color-on-primary);margin:0 0 var(--space-sm)}html.light .page-title{color:var(--color-ink)}.create-subtitle{color:var(--color-on-primary-mute);max-width:440px;margin:0 auto}html.light .create-subtitle{color:var(--color-ink-mute)}.platform-preview{margin-bottom:var(--space-xxl)}.platform-preview-card{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-xl);background:var(--color-canvas-night-soft);border:1px solid var(--color-hairline-on-dark);border-radius:var(--radius-sm);transition:border-color var(--transition-base);display:flex}.platform-preview-card:hover{border-color:var(--color-hairline-on-dark)}html.light .platform-preview-card{background:var(--color-canvas-cool);border-color:var(--color-hairline-on-light)}.platform-icon{align-items:center;gap:var(--space-xs);color:var(--color-on-primary-mute);font-size:var(--micro-cap-font-size);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;transition:color var(--transition-base), transform var(--transition-base) var(--transition-bounce);flex-direction:column;display:flex}.platform-icon:hover{color:var(--color-on-primary);transform:translateY(-2px)}html.light .platform-icon{color:var(--color-ink-mute)}html.light .platform-icon:hover{color:var(--color-ink)}.platform-icon svg{transition:transform var(--transition-base) var(--transition-bounce)}.platform-icon:hover svg{transform:scale(1.1)}.platform-ios:hover{color:#a2aaad}.platform-android:hover{color:#3ddc84}.platform-web:hover{color:var(--color-on-primary)}.platform-connector{background:var(--color-hairline-on-dark);opacity:.5;width:32px;height:1px}html.light .platform-connector{background:var(--color-hairline-on-light)}.platform-preview-hint{text-align:center;margin-top:var(--space-md);color:var(--color-on-primary-mute);opacity:.6}html.light .platform-preview-hint{color:var(--color-ink-mute)}.create-action-row{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);display:flex}@media (width<=639px){.create-inner{padding:0 var(--space-md)}.create-header{margin-bottom:var(--space-xl)}.platform-preview-card{padding:var(--space-lg);gap:var(--space-md)}.platform-icon{font-size:10px}.platform-connector{width:20px}.create-action-row{flex-direction:column}.create-action-row .btn-ghost-dark,.create-action-row .btn-ghost-light{width:100%}}.edit-error{text-align:center;padding:var(--space-huge) var(--space-xl)}.edit-error p{color:var(--color-on-primary-mute);margin-bottom:var(--space-xl)}.redirect-page{text-align:center;min-height:100vh;padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.redirect-error{color:var(--color-on-primary-mute);margin-top:var(--space-md)}.redirect-disabled{max-width:480px;margin:0 auto}.redirect-disabled-icon{color:var(--color-danger,#dc3545);margin-bottom:var(--space-lg)}.redirect-disabled-link-name{font-size:var(--font-size-xl);color:var(--color-on-primary);margin:var(--space-md) 0;font-weight:600}.redirect-disabled-message{color:var(--color-on-primary-mute);margin-bottom:var(--space-xl)}.auth-page{background:var(--color-canvas-night);min-height:100vh;padding:var(--space-xxl) var(--space-xl);background-image:radial-gradient(at 50% 30%,#ffffff08 0%,#0000 55%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.auth-card{z-index:1;width:100%;max-width:420px;padding:var(--space-xxl) var(--space-xxl);border-radius:var(--radius-sm);border:1px solid var(--color-hairline-on-dark);background:var(--color-canvas-night-soft);animation:.6s cubic-bezier(.22,1,.36,1) both authCardIn;position:relative}@keyframes authCardIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:-1px;left:40px;right:40px}.auth-title{color:var(--color-on-primary);margin:0 0 var(--space-xl) 0;letter-spacing:var(--display-md-letter-spacing)}.auth-subtitle{color:var(--color-on-primary-mute);margin:0 0 var(--space-xxl) 0;opacity:.7}.auth-form{gap:var(--space-lg);flex-direction:column;display:flex}.auth-submit{margin-top:var(--space-xl);width:100%}.btn-auth{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-lg) var(--space-xl);background:var(--color-on-primary);min-height:54px;color:var(--color-ink);border:1px solid var(--color-on-primary);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--button-cap-font-size);font-weight:var(--button-cap-font-weight);line-height:var(--button-cap-line-height);letter-spacing:var(--button-cap-letter-spacing);text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.btn-auth:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btn-auth:hover:not(:disabled):before{opacity:1}.btn-auth:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 24px #ffffff14,0 0 0 1px #ffffff26}.btn-auth:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 2px 12px #ffffff0d}.btn-auth:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-auth:disabled:before{display:none}.btn-auth-text{z-index:1;transition:opacity .2s;position:relative}.btn-auth-icon{z-index:1;opacity:.5;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative}.btn-auth:hover:not(:disabled) .btn-auth-icon{opacity:1;transform:translate(2px)}.btn-auth-google{color:var(--color-on-primary);border-color:var(--color-hairline-on-dark);background:0 0}.btn-auth-google:before{background:linear-gradient(135deg,#ffffff0a 0%,#0000 50%)}.btn-auth-google:hover:not(:disabled){border-color:var(--color-on-primary-mute);background:#ffffff0a;transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff14}.btn-auth-google:hover:not(:disabled) .btn-auth-icon{opacity:.7}.btn-auth-google svg{transition:filter .3s}.btn-auth-google:hover:not(:disabled) svg{filter:brightness(1.3)}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{font-family:var(--font-display);font-size:var(--micro-cap-font-size);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;color:var(--color-on-primary-mute);font-weight:700}.auth-divider{justify-content:center;align-items:center;gap:var(--space-md);margin:var(--space-xxl) 0;color:var(--color-on-primary-mute);opacity:.5;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--color-hairline-on-dark) 20%, var(--color-hairline-on-dark) 80%, transparent);flex:1;height:1px}.auth-links{justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-xxl);display:flex}.auth-links-separator{color:var(--color-on-primary-mute);opacity:.5}.auth-error{border-radius:var(--radius-xs);padding:var(--space-md);margin-bottom:var(--space-lg);color:#ef4444;font-size:var(--body-md-font-size);background:#ef44440f;border:1px solid #ef444440;position:relative}.auth-error-close{top:var(--space-xs);right:var(--space-md);color:#ef4444;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-size:20px;font-weight:700;line-height:1;position:absolute}.auth-error-close:hover{opacity:.7}.login-link{text-align:center;margin-top:var(--space-xxl);font-size:var(--body-md-font-size);color:var(--color-on-primary-mute);opacity:.7}.login-link a{color:var(--color-on-primary);text-underline-offset:2px;text-decoration:underline}.login-link a:hover{opacity:.7}.auth-message{color:var(--color-on-primary);line-height:var(--body-lg-line-height);margin-bottom:var(--space-xxl)}.auth-back-link{margin-top:var(--space-xxl);color:var(--color-on-primary);text-align:center;font-size:var(--body-md-font-size);text-decoration:underline;display:block}.auth-icon{margin-bottom:var(--space-lg);color:var(--color-on-primary-mute);opacity:.5;font-size:48px}.input-error{border-color:#ef4444!important}.profile-card{max-width:500px}.profile-card .auth-title{margin-bottom:var(--space-lg)}.profile-info{padding:var(--space-xxl) 0;border-bottom:1px solid var(--color-hairline-on-dark)}.profile-row{padding:var(--space-md) 0;justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.profile-row+.profile-row{border-top:1px solid var(--color-hairline-on-dark)}.profile-label{color:var(--color-on-primary-mute)}.profile-value{color:var(--color-on-primary);font-weight:500}.profile-badge{padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--micro-cap-font-size);font-weight:600}.badge-verified{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.badge-unverified{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d}.badge-google{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f64d}.profile-section{padding:var(--space-xxl) 0;border-bottom:1px solid var(--color-hairline-on-dark)}.profile-section:last-of-type{border-bottom:none}.profile-section-title{color:var(--color-on-primary);margin:0 0 var(--space-lg) 0}.profile-button-row{gap:var(--space-xs);margin-top:var(--space-md);display:flex}.profile-section-logout{padding:var(--space-xxl) 0 0 0;border-bottom:none}.profile-back-link{margin-top:var(--space-xxl);color:var(--color-on-primary);text-align:center;font-size:var(--body-md-font-size);opacity:.7;transition:opacity var(--transition-fast);text-decoration:underline;display:block}.profile-back-link:hover{opacity:1}.field-error{color:#ef4444;font-size:var(--micro-cap-font-size);margin-top:var(--space-xxs);display:block}.field-success{color:#22c55e;font-size:var(--micro-cap-font-size);margin-top:var(--space-xxs);display:block}@media (width<=639px){.auth-card{padding:var(--space-xl) var(--space-lg)}}html.light .btn-auth{background:var(--color-ink);color:var(--color-canvas-light);border-color:var(--color-ink)}html.light .btn-auth:before{background:linear-gradient(135deg,#00000014 0%,#0000 50%)}html.light .btn-auth:hover:not(:disabled){box-shadow:0 4px 24px #00000014,0 0 0 1px #00000026}html.light .btn-auth:active:not(:disabled){box-shadow:0 2px 12px #0000000d}html.light .btn-auth-google{color:var(--color-ink);border-color:var(--color-hairline-on-light);background:0 0}html.light .btn-auth-google:before{background:linear-gradient(135deg,#00000008 0%,#0000 50%)}html.light .btn-auth-google:hover:not(:disabled){border-color:var(--color-ink-mute);background:#00000008;box-shadow:0 0 0 1px #00000014}html.light .btn-auth-google:hover:not(:disabled) .btn-auth-icon{opacity:.7}.login-page{position:relative}.login-card{position:relative;overflow:hidden}.login-card-glow{pointer-events:none;z-index:0;background:radial-gradient(at 50% 20%,#ffffff06 0%,#0000 50%);animation:6s ease-in-out infinite alternate loginGlowPulse;position:absolute;inset:-40%}@keyframes loginGlowPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.login-field{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards loginFieldIn;transform:translateY(8px)}.login-field-1{animation-delay:.1s}.login-field-2{animation-delay:.18s}@keyframes loginFieldIn{to{opacity:1;transform:translateY(0)}}.auth-form .form-group{gap:var(--space-xs);flex-direction:column;display:flex}.login-error{animation:.35s cubic-bezier(.34,1.56,.64,1) loginErrorIn}@keyframes loginErrorIn{0%{opacity:0;transform:translate(-6px)}60%{transform:translate(2px)}to{opacity:1;transform:translate(0)}}@media (width<=639px){.login-card-glow{display:none}}.register-page{position:relative}.register-card{position:relative;overflow:hidden}.register-card-glow{pointer-events:none;z-index:0;background:radial-gradient(at 50% 30%,#ffffff05 0%,#0000 50%);animation:7s ease-in-out infinite alternate registerGlowPulse;position:absolute;inset:-40%}@keyframes registerGlowPulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.register-field{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards registerFieldIn;transform:translateY(8px)}.register-field-delay-1{animation-delay:.1s}.register-field-delay-2{animation-delay:.18s}.register-field-delay-3{animation-delay:.26s}.register-field-delay-4{animation-delay:.34s}@keyframes registerFieldIn{to{opacity:1;transform:translateY(0)}}.register-form .form-label{font-family:var(--font-display);font-size:var(--micro-cap-font-size);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;color:var(--color-on-primary-mute);font-weight:700}.register-password-strength{margin-top:var(--space-xs)}.register-strength-bar{background:var(--color-hairline-on-dark);border-radius:2px;height:3px;overflow:hidden}.register-strength-fill{border-radius:2px;height:100%;transition:width .35s cubic-bezier(.22,1,.36,1),background .35s}.register-strength-row{margin-top:var(--space-xxs);justify-content:space-between;align-items:center;display:flex}.register-strength-label{font-family:var(--font-display);font-size:var(--micro-cap-font-size);letter-spacing:var(--micro-cap-letter-spacing);text-transform:uppercase;font-weight:700;transition:color .3s}.register-strength-count{font-family:var(--font-display);color:var(--color-on-primary-mute);opacity:.4;font-size:10px}.register-password-checks{margin-top:var(--space-xs);flex-direction:column;gap:3px;list-style:none;display:flex}.register-check-item{align-items:center;gap:var(--space-xs);color:var(--color-on-primary-mute);font-size:11px;transition:color .25s;display:flex}.register-check-item.is-met{color:#22c55e}.register-check-icon{flex-shrink:0;justify-content:center;align-items:center;transition:color .25s;display:flex}.register-check-item.is-met .register-check-icon{color:#22c55e}.register-check-item:not(.is-met) .register-check-icon{color:var(--color-on-primary-mute);opacity:.3}.register-confirm-wrapper{position:relative}.register-confirm-feedback{align-items:center;gap:var(--space-xxs);margin-top:var(--space-xs);font-size:11px;transition:color .25s,opacity .25s;animation:.25s cubic-bezier(.22,1,.36,1) registerFeedbackIn;display:flex}@keyframes registerFeedbackIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.register-confirm-feedback.is-match{color:#22c55e}.register-confirm-feedback.is-mismatch{color:#ef4444}.register-input-match{border-color:#22c55e4d!important}.register-input-match:focus{border-color:#22c55e!important;box-shadow:0 0 0 2px #22c55e1a!important}.register-submit{margin-top:var(--space-xl)}.register-login-link{text-align:center;margin-top:var(--space-xxl);font-size:var(--body-md-font-size);color:var(--color-on-primary-mute);opacity:.7}.register-login-link a{color:var(--color-on-primary);text-underline-offset:2px;text-decoration:underline}.register-login-link a:hover{opacity:.7}.register-error{animation:.35s cubic-bezier(.34,1.56,.64,1) registerErrorIn}@keyframes registerErrorIn{0%{opacity:0;transform:translate(-6px)}60%{transform:translate(2px)}to{opacity:1;transform:translate(0)}}@media (width<=639px){.register-card-glow{display:none}}