@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300..700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, .95rem + .85vw, 1.5rem);--text-xl: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);--text-hero: clamp(3rem, .5rem + 7vw, 8rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--font-display: "Instrument Serif", "Georgia", serif;--font-body: "Inter", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--content-narrow: 640px;--content-default: 960px;--content-wide: 1200px;--content-full: 100%}:root,[data-theme=light]{--color-bg: #FAFAF8;--color-surface: #F5F4F1;--color-surface-2: #EFEEEB;--color-surface-offset: #F2F1EE;--color-surface-offset-2:#ECEAE7;--color-surface-dynamic: #E5E3DF;--color-divider: #D8D6D1;--color-border: #CBC9C3;--color-text: #1a1b24;--color-text-muted: #6b6c78;--color-text-faint: #a0a1aa;--color-text-inverse: #FAFAF8;--color-primary: #B8952F;--color-primary-hover: #A3822A;--color-primary-active: #8D7024;--color-primary-highlight: rgba(184, 149, 47, .1);--color-error: #a13544;--color-error-hover: #882c39;--color-error-highlight: rgba(161, 53, 68, .08);--color-success: #437a22;--color-success-highlight: rgba(67, 122, 34, .08);--color-warning: #964219;--shadow-sm: 0 1px 2px oklch(.2 .01 80 / .06);--shadow-md: 0 4px 12px oklch(.2 .01 80 / .08);--shadow-lg: 0 12px 32px oklch(.2 .01 80 / .12)}[data-theme=dark]{--color-bg: #0b0c10;--color-surface: #12131a;--color-surface-2: #1a1b24;--color-surface-offset: #15161e;--color-surface-offset-2:#1e1f28;--color-surface-dynamic: #252630;--color-divider: #2a2b36;--color-border: #333444;--color-text: #e8e6e3;--color-text-muted: #8a8b95;--color-text-faint: #555666;--color-text-inverse: #0b0c10;--color-primary: #C9A84C;--color-primary-hover: #D4B85E;--color-primary-active: #B8972F;--color-primary-highlight: rgba(201, 168, 76, .1);--color-error: #dd6974;--color-error-hover: #c24a59;--color-error-highlight: rgba(221, 105, 116, .1);--color-success: #6daa45;--color-success-highlight: rgba(109, 170, 69, .1);--color-warning: #bb653b;--shadow-sm: 0 1px 2px oklch(0 0 0 / .25);--shadow-md: 0 4px 12px oklch(0 0 0 / .35);--shadow-lg: 0 12px 32px oklch(0 0 0 / .45)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0b0c10;--color-surface:#12131a;--color-surface-2:#1a1b24;--color-surface-offset:#15161e;--color-surface-offset-2:#1e1f28;--color-surface-dynamic:#252630;--color-divider:#2a2b36;--color-border:#333444;--color-text:#e8e6e3;--color-text-muted:#8a8b95;--color-text-faint:#555666;--color-text-inverse:#0b0c10;--color-primary:#C9A84C;--color-primary-hover:#D4B85E;--color-primary-active:#B8972F;--color-primary-highlight:rgba(201,168,76,.1);--color-error:#dd6974;--color-success:#6daa45;--color-warning:#bb653b;--shadow-sm:0 1px 2px oklch(0 0 0 / .25);--shadow-md:0 4px 12px oklch(0 0 0 / .35);--shadow-lg:0 12px 32px oklch(0 0 0 / .45)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;hanging-punctuation:first last;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body, sans-serif);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}ul[role=list],ol[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:var(--color-primary-highlight);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;width:100%}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-interactive)}a:hover{color:var(--color-primary-hover)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@supports (animation-timeline: scroll()){.fade-in{opacity:0;animation:reveal-fade linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}@keyframes reveal-fade{to{opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;text-decoration:none;white-space:nowrap;transition:background var(--transition-interactive),color var(--transition-interactive),box-shadow var(--transition-interactive),transform var(--transition-interactive),border-color var(--transition-interactive)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-active)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-dynamic)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface-offset);border-color:var(--color-text-faint)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:var(--color-error-hover)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.input-field{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive);width:100%}.input-field::placeholder{color:var(--color-text-faint)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-highlight)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.badge-primary{background:var(--color-primary-highlight);color:var(--color-primary)}.badge-success{background:var(--color-success-highlight);color:var(--color-success)}.badge-error{background:var(--color-error-highlight);color:var(--color-error)}.badge-muted{background:var(--color-surface-dynamic);color:var(--color-text-muted)}.code-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);overflow-x:auto;line-height:1.7}.code-block .ck{color:var(--color-primary)}.code-block .cv{color:var(--color-text)}.code-block .cs{color:var(--color-success)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums lining-nums}.data-table th{text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);color:var(--color-text)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-surface-offset)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-divider)}.landing-nav .nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text)}.landing-nav .nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none}.landing-nav .nav-links a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-interactive)}.landing-nav .nav-links a:hover{color:var(--color-text)}.hero-section{padding:clamp(var(--space-16),10vw,var(--space-32)) var(--space-6);text-align:center;max-width:var(--content-wide);margin:0 auto}.hero-section h1{font-family:var(--font-display);font-size:var(--text-3xl);font-style:italic;line-height:1.05;margin-bottom:var(--space-6);color:var(--color-text)}.hero-section h1 .gold{color:var(--color-primary)}.hero-section .hero-sub{font-size:var(--text-lg);color:var(--color-text-muted);max-width:640px;margin:0 auto var(--space-8);line-height:1.6}.hero-ctas{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.section-block{padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-6);max-width:var(--content-wide);margin:0 auto}.section-block .section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-3)}.section-block h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.section-block .section-desc{color:var(--color-text-muted);font-size:var(--text-lg);margin-bottom:var(--space-10);max-width:600px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-6)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.feature-card:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-highlight)}.feature-card .feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-highlight);color:var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.feature-card h3{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.feature-card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:var(--space-8);counter-reset:step}.step-item{counter-increment:step;position:relative;padding-left:var(--space-12)}.step-item:before{content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm)}.step-item h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.step-item p{color:var(--color-text-muted);font-size:var(--text-sm)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-6)}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column}.pricing-card.featured{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-lg);position:relative}.pricing-card.featured:before{content:"Popular";position:absolute;top:calc(-1 * var(--space-3));left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full)}.pricing-card .tier-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.pricing-card .price{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.pricing-card .price span{font-size:var(--text-sm);font-weight:400;color:var(--color-text-muted)}.pricing-card .price-note{font-size:var(--text-sm);color:var(--color-text-faint);margin-bottom:var(--space-6)}.pricing-features{list-style:none;margin-bottom:var(--space-8);flex:1}.pricing-features li{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-2) 0;display:flex;align-items:flex-start;gap:var(--space-2)}.pricing-features li:before{content:"";display:inline-block;width:16px;height:16px;flex-shrink:0;margin-top:2px;background:var(--color-primary);mask-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='currentColor' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");-webkit-mask-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='currentColor' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}.setup-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.site-footer{border-top:1px solid var(--color-divider);padding:var(--space-12) var(--space-6);margin-top:var(--space-16)}.footer-inner{max-width:var(--content-wide);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-8)}.footer-brand p{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.footer-links{display:flex;gap:var(--space-8);flex-wrap:wrap}.footer-links a{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-text)}.footer-bottom{max-width:var(--content-wide);margin:var(--space-8) auto 0;font-size:var(--text-xs);color:var(--color-text-faint)}.dashboard-layout{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;height:100dvh;overflow:hidden}.dashboard-layout.landing-mode{display:block;height:auto;overflow:auto}.dash-sidebar{grid-row:1 / -1;background:var(--color-surface);border-right:1px solid var(--color-divider);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.sidebar-logo{padding:var(--space-6);border-bottom:1px solid var(--color-divider);display:flex;align-items:center;gap:var(--space-3)}.sidebar-nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-interactive),color var(--transition-interactive);border:none;background:none;width:100%;text-align:left;text-decoration:none}.sidebar-nav-item:hover{background:var(--color-surface-offset);color:var(--color-text)}.sidebar-nav-item.active{background:var(--color-primary-highlight);color:var(--color-primary)}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-divider)}.sidebar-email{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);word-break:break-all}.dash-header{grid-column:2;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--color-divider);background:var(--color-bg);position:sticky;top:0;z-index:10}.dash-header h1{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600}.dash-main{grid-column:2;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-8)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.kpi-card .kpi-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.kpi-card .kpi-value{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums lining-nums}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;animation:modal-in .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes modal-in{to{opacity:1}}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);width:min(440px,90vw);max-height:80vh;overflow-y:auto;transform:scale(.96);animation:modal-scale .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes modal-scale{to{transform:scale(1)}}.modal-content h2{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.progress-bar{background:var(--color-surface-dynamic);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar .progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.16,1,.3,1)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-8)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);width:min(420px,100%)}.auth-card h1{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;margin-bottom:var(--space-2)}.auth-card .auth-sub{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-footer a{color:var(--color-primary)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.alert-error{background:var(--color-error-highlight);color:var(--color-error);border:1px solid var(--color-error)}.alert-success{background:var(--color-success-highlight);color:var(--color-success);border:1px solid var(--color-success)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.empty-state .empty-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-text-faint)}.empty-state h3{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text)}.empty-state p{margin:0 auto var(--space-6)}.key-reveal{background:var(--color-bg);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0;word-break:break-all;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary)}.key-warning{font-size:var(--text-xs);color:var(--color-warning);margin-top:var(--space-2)}.chart-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.chart-container h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4)}.limits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.limit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.limit-card .limit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.limit-card .limit-label{font-size:var(--text-sm);color:var(--color-text-muted)}.limit-card .limit-value{font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums lining-nums}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--space-2)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:40}.danger-zone{border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-8)}.danger-zone h3{color:var(--color-error);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.danger-zone p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}@media(max-width:768px){.landing-nav .nav-links .nav-link-desktop{display:none}.hero-section h1{font-size:var(--text-2xl)}.dashboard-layout{grid-template-columns:1fr}.dash-sidebar{position:fixed;left:-280px;top:0;bottom:0;width:260px;z-index:50;transition:left .3s cubic-bezier(.16,1,.3,1)}.dash-sidebar.open{left:0}.sidebar-overlay.open{display:block}.mobile-menu-btn{display:flex}.dash-header{grid-column:1}.dash-main{grid-column:1;padding:var(--space-4)}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.hero-ctas{flex-direction:column;align-items:center}}.theme-toggle-btn{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-interactive),border-color var(--transition-interactive)}.theme-toggle-btn:hover{background:var(--color-surface-dynamic)}.skeleton{background:linear-gradient(90deg,var(--color-surface-offset) 25%,var(--color-surface-dynamic) 50%,var(--color-surface-offset) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;background:var(--color-surface-dynamic);color:var(--color-text-muted);cursor:pointer;border:none;transition:background var(--transition-interactive),color var(--transition-interactive)}.copy-btn:hover{background:var(--color-primary-highlight);color:var(--color-primary)}.hero-terminal{max-width:560px;margin:var(--space-10) auto 0;text-align:left}.terminal-bar{background:var(--color-surface-2);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.terminal-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-faint)}.terminal-title{flex:1;text-align:center;font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-mono)}.terminal-body{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.terminal-body .prompt{color:var(--color-primary)}.terminal-body .cmd{color:var(--color-text)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive);width:100%}.form-input::placeholder{color:var(--color-text-faint)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-highlight)}.modal-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);width:min(440px,90vw);max-height:80vh;overflow-y:auto;transform:scale(.96);animation:modal-scale .25s cubic-bezier(.16,1,.3,1) forwards}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.modal-header h2{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600}.modal-close{background:none;border:none;font-size:var(--text-xl);color:var(--color-text-muted);cursor:pointer;line-height:1;padding:var(--space-1)}.modal-close:hover{color:var(--color-text)}.modal-body{padding-top:var(--space-2)}.empty-state-icon{color:var(--color-text-faint);margin:0 auto var(--space-4)}.empty-state-title{font-weight:600;font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-desc{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 auto}.theme-toggle{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-interactive),border-color var(--transition-interactive)}.theme-toggle:hover{background:var(--color-surface-dynamic)}.logo{display:inline-flex;align-items:center;gap:var(--space-2)}.logo-mark{width:var(--logo-size, 28px);height:var(--logo-size, 28px);flex-shrink:0}.logo-text{font-family:var(--font-body);font-weight:600;font-size:var(--text-base);letter-spacing:-.02em;color:var(--color-text)}