.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-2);border-radius:var(--radius-control);font-size:.875rem;font-weight:500;line-height:1.29;cursor:pointer;transition:opacity .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--full{width:100%}.btn--primary{background:var(--color-ink);color:var(--color-ground);border:1px solid var(--color-ink)}.btn--primary:hover:not(:disabled){opacity:.92}.btn--secondary,.btn--ghost{background:transparent;color:var(--color-ink);border:1px solid var(--color-line)}.btn--secondary:hover:not(:disabled),.btn--ghost:hover:not(:disabled){border-color:var(--color-muted)}.btn--loading{gap:var(--space-1)}.btn-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--color-ground) 30%,transparent);border-top-color:var(--color-ground);border-radius:50%;animation:btn-spin .8s linear infinite;flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}.mark{display:inline-flex;align-items:center;gap:var(--space-2)}.mark-image{width:auto;height:100%;object-fit:contain}.mark--sm{height:40px}.mark--md{height:64px}.mark--lg{height:94px}.mark-wordmark{display:flex;flex-direction:column;gap:2px}.mark-name{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--color-ink)}.mark-tagline{font-size:.75rem;color:var(--color-muted)}.site-footer{border-top:1px solid var(--color-line);background:var(--color-surface)}.site-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);max-width:var(--max-content);margin:0 auto;padding:var(--space-3);min-height:64px}.site-footer-start,.site-footer-end{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.site-footer-brand{font-family:var(--font-display);font-size:.875rem;font-weight:500}.site-footer-domain,.site-footer-api,.site-footer-developer{font-size:.8125rem;color:var(--color-muted)}.site-footer-developer{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--color-line)}.site-footer-developer:hover{color:var(--color-ink);text-decoration-color:var(--color-muted)}.site-footer-api{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;max-width:min(100%,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.site-footer-end{width:100%;justify-content:space-between}}.landing{min-height:100vh;display:flex;flex-direction:column;background:var(--color-ground);color:var(--color-ink)}.landing-header{position:fixed;top:0;left:0;right:0;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-ground) 85%,transparent);border-bottom:1px solid var(--color-line)}.landing-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-content);margin:0 auto;padding:var(--space-2) var(--space-3);min-height:64px}.landing-brand{display:inline-flex;align-items:center;gap:var(--space-2);color:inherit}.landing-brand-name{font-family:var(--font-display);font-size:1rem;font-weight:500;letter-spacing:-.01em}.landing-header-nav{display:flex;align-items:center;gap:var(--space-2)}.landing-main{flex:1;width:100%;max-width:var(--max-content);margin:0 auto;padding:calc(64px + var(--space-8)) var(--space-3) var(--space-8);display:flex;flex-direction:column;gap:var(--space-8)}.landing-hero{display:grid;gap:var(--space-8);align-items:center}@media(min-width:768px){.landing-hero{grid-template-columns:1fr 1fr;gap:var(--space-8)}}.landing-hero-copy{display:flex;flex-direction:column;gap:var(--space-3)}.landing-display{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:500;line-height:1.05;letter-spacing:-.02em;margin:0}.landing-hero-sub{margin:0;font-size:1rem;line-height:1.5;color:var(--color-muted);max-width:36rem}.landing-hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-1)}.landing-diagram{aspect-ratio:1.34;border-radius:var(--radius-card);border:1px solid var(--color-line);background:var(--color-surface);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.landing-diagram-inner{display:flex;flex-direction:column;align-items:center;gap:0}.landing-diagram-box{display:flex;align-items:center;justify-content:center;min-width:140px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);font-size:.875rem;font-weight:500}.landing-diagram-box--desk{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-line)}.landing-diagram-box--laptop{background:var(--color-ink);color:var(--color-ground)}.landing-diagram-line{width:1px;height:48px;background:var(--color-bergamota);flex-shrink:0}.landing-features{display:grid;gap:var(--space-3)}@media(min-width:768px){.landing-features{grid-template-columns:repeat(3,1fr)}}.landing-feature-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-line);color:var(--color-muted)}.landing-feature-card svg{color:var(--color-ink)}.landing-feature-title{margin:0;font-family:var(--font-display);font-size:1.125rem;font-weight:500;line-height:1.3;color:var(--color-ink)}.landing-feature-body{margin:0;font-size:.875rem;line-height:1.5}.landing-how{display:flex;flex-direction:column;gap:var(--space-4)}.landing-section-title{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:500;letter-spacing:-.01em}.landing-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.landing-step{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) 0;border-bottom:1px solid var(--color-line)}.landing-step:last-child{border-bottom:0}.landing-step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;border:1px solid var(--color-line);font-size:.875rem;font-weight:500;color:var(--color-ink)}.landing-step-copy{display:flex;flex-direction:column;gap:var(--space-1);padding-top:4px}.landing-step-title{margin:0;font-size:1rem;font-weight:500;line-height:1.4}.landing-step-body{margin:0;font-size:.875rem;line-height:1.5;color:var(--color-muted)}.landing-footer{border-top:1px solid var(--color-line);background:var(--color-surface)}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-content);margin:0 auto;padding:var(--space-3);min-height:64px}.landing-footer-brand{font-family:var(--font-display);font-size:.875rem;font-weight:500}.landing-footer-domain{font-size:.875rem;color:var(--color-muted)}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-ground);color:var(--color-ink)}.auth-header{padding:var(--space-2) var(--space-3)}.auth-header-brand{display:inline-flex;align-items:center;gap:var(--space-2);color:inherit;font-family:var(--font-display);font-size:.875rem;font-weight:500}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-3)}.auth-card{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.auth-card-mark{display:flex;justify-content:center;margin-bottom:var(--space-1)}.auth-card-header{display:flex;flex-direction:column;gap:var(--space-1)}.auth-card-title{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:500;line-height:1.2;letter-spacing:-.01em}.auth-card-sub{margin:0;color:var(--color-muted);font-size:.875rem;line-height:1.43}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-form-footer{margin:0;text-align:center;font-size:.875rem;color:var(--color-muted)}.auth-card-body{margin:0;font-size:1rem;line-height:1.5;color:var(--color-muted)}.auth-card-helper{margin:0;font-size:.75rem;line-height:1.5;color:var(--color-muted);text-align:center}.auth-card-actions{display:flex;flex-direction:column;gap:var(--space-2)}.auth-link{color:var(--color-muted);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.auth-link:hover{color:var(--color-ink)}.auth-loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-4) 0;color:var(--color-muted)}.auth-loading-state .spinner{width:24px;height:24px;border:2px solid var(--color-line);border-top-color:var(--color-ink);border-radius:50%;animation:spin .8s linear infinite}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:.875rem;font-weight:500;color:var(--color-ink)}.field-input{width:100%;height:40px;padding:0 var(--space-2);background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-control);outline:none;transition:border-color .15s ease}.field-input::placeholder{color:var(--color-muted)}.field-input:focus{border-color:var(--color-ink)}.field-input--error{border-color:#f87171}.developer-page{min-height:100%;display:flex;flex-direction:column;background:var(--color-ground)}.developer-header{border-bottom:1px solid var(--color-line);background:var(--color-surface)}.developer-header-inner{max-width:var(--max-content);margin:0 auto;padding:var(--space-3)}.developer-brand{display:inline-flex;align-items:center;gap:var(--space-2)}.developer-brand-name{font-family:var(--font-display);font-size:.9375rem;font-weight:500}.developer-main{flex:1;padding:var(--space-6) var(--space-3)}.developer-panel{max-width:var(--max-narrow);margin:0 auto;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface)}.developer-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.25rem;font-weight:500;line-height:1.3}.developer-lead{margin:0 0 var(--space-4);font-size:.875rem;line-height:1.5;color:var(--color-muted)}.developer-meta{margin:0 0 var(--space-4);padding:0}.developer-meta-row{display:grid;gap:4px;margin-bottom:var(--space-2)}.developer-meta-row dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.developer-meta-row dd{margin:0;font-size:.8125rem;line-height:1.4;word-break:break-all}.developer-mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.developer-form{display:grid;gap:var(--space-3)}.developer-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.developer-message{margin:var(--space-3) 0 0;font-size:.875rem;color:var(--color-muted)}.developer-hint{margin:var(--space-4) 0 0;font-size:.8125rem;line-height:1.5;color:var(--color-muted)}.developer-inline-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;padding:1px 4px;border-radius:4px;border:1px solid var(--color-line);background:var(--color-ground)}:root{--color-ground: #11110b;--color-surface: #1a1913;--color-ink: #f7f7f4;--color-muted: #9a9a93;--color-line: #2a2922;--color-bergamota: #e87a2e;--font-display: "Inter Tight", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--radius-control: 8px;--radius-card: 12px;--max-content: 960px;--max-narrow: 400px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--color-ground);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1;width:100%;max-width:var(--max-content);margin:0 auto;padding:var(--space-8) var(--space-3)}.page-main--narrow{max-width:var(--max-narrow);padding-top:var(--space-6)}.stack{display:flex;flex-direction:column;gap:var(--space-2)}.stack-lg{gap:var(--space-4)}.stack-xl{gap:var(--space-6)}.display{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:500;line-height:1.05;letter-spacing:-.02em;margin:0}.title{font-family:var(--font-display);font-size:1.5rem;font-weight:500;line-height:1.2;letter-spacing:-.01em;margin:0}.body{margin:0;font-size:1rem;line-height:1.5}.muted{margin:0;color:var(--color-muted);font-size:.875rem;line-height:1.43}.ui{font-size:.875rem;font-weight:500;line-height:1.29}.error-text{margin:0;color:#f87171;font-size:.875rem}.hairline{height:1px;background:var(--color-bergamota);border:0;margin:0}.auth-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-4)}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;color:var(--color-muted)}.spinner{width:24px;height:24px;border:2px solid var(--color-line);border-top-color:var(--color-ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.callback-actions{display:flex;flex-direction:column;gap:var(--space-2)}.link-muted{color:var(--color-muted);font-size:.875rem;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.link-muted:hover{color:var(--color-ink)}.form-footer{text-align:center;margin-top:var(--space-3)}