.site-brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none;color:var(--on-frame)}.site-brand-word{display:block;height:22px;width:auto}.site-brand--footer{gap:var(--space-2)}.site-brand--footer .site-brand-mark{width:26px;height:26px}.site-brand--footer .site-brand-word{height:17px}html:has(body>.site-footer){background:var(--frame-2)}.site-footer{--bg: var(--frame-2);background:var(--frame-2);color:var(--on-frame-muted);line-height:var(--lh-relaxed);border-top:var(--border-w) solid var(--frame-line);margin-top:var(--space-11)}.site-footer .site-brand{color:var(--on-frame)}.site-footer-inner{max-width:var(--page-max);margin:0 auto;padding:var(--space-10) var(--space-7) var(--space-10);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--space-7)}.site-footer-brand .site-brand{margin-bottom:var(--space-3)}.site-footer-tagline{color:var(--on-frame-muted);font-size:var(--text-base);max-width:240px}.site-footer-col h4{font-family:var(--f-mono);font-weight:var(--w-regular);font-size:var(--text-xs);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--on-frame-faint);margin-bottom:var(--space-3)}.site-footer-col a{display:block;color:var(--on-frame-muted);text-decoration:none;font-size:var(--text-base);margin-bottom:var(--space-2)}.site-footer-col a:hover{color:var(--on-frame)}.site-footer-copy{max-width:var(--page-max);margin:0 auto;padding:0 var(--space-7) var(--space-8);color:var(--on-frame-faint);font-family:var(--f-mono);font-size:var(--text-xs);letter-spacing:var(--ls-caps)}@media(max-width:820px){.site-footer-inner{grid-template-columns:1fr 1fr;gap:var(--space-7);padding:var(--space-8) var(--space-6) var(--space-10)}.site-footer-brand{grid-column:1 / -1}.site-footer-copy{padding:0 var(--space-6) var(--space-8)}}.site-header{position:sticky;top:0;z-index:var(--z-sticky);border-bottom:var(--border-w) solid var(--frame-line)}.site-header-inner{display:flex;align-items:center;gap:var(--space-7);max-width:1140px;height:66px;margin:0 auto;padding:0 var(--space-7)}.site-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.site-nav-link,.site-login{font-size:var(--text-base);font-weight:var(--w-medium);color:var(--on-frame-muted);text-decoration:none;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out)}.site-nav-link:hover,.site-login:hover{color:var(--on-frame)}.site-nav-link.is-active{color:var(--on-frame);text-decoration:underline var(--border-w-emph) var(--accent);text-underline-offset:var(--space-2)}.site-account{display:flex;align-items:center;gap:var(--space-4);margin-left:auto;flex:0 0 auto}@media(max-width:1080px){.site-header-inner{gap:var(--space-4);padding:0 var(--space-6)}.site-nav,.site-login{display:none}}main{max-width:var(--page-max);margin:0 auto;padding:0 var(--space-7)}.page-title{font-size:var(--text-5xl);line-height:1;letter-spacing:var(--ls-tight);margin-bottom:var(--space-5)}.page-lede{font-size:var(--text-xl);color:var(--ink-soft);margin-bottom:var(--space-9)}.page-section{margin-bottom:var(--space-9)}.page-section h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.page-section h3{font-family:var(--f-body);font-weight:var(--w-semibold);font-size:var(--text-xl);margin:var(--space-6) 0 var(--space-3)}.page-section p{margin-bottom:var(--space-4)}.page-section ul{margin:0 0 var(--space-4) var(--space-5)}.page-section li{margin-bottom:var(--space-2)}.demo-duo{display:flex;flex-direction:column;gap:var(--space-5)}.demo-block{display:flex;flex-direction:column;gap:var(--space-4)}.demo-block-title{display:flex;align-items:center;gap:var(--space-3);margin:0;font-size:var(--text-2xl);line-height:var(--lh-tight)}.demo-block-num{flex:none;width:30px;height:30px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:var(--w-bold);font-size:var(--text-lg);color:var(--accent);border:var(--border-w) solid var(--accent-line)}.demo-block-lede{color:var(--muted);margin:0}.demo-bridge{text-align:center;color:var(--muted);font-size:var(--text-base);line-height:var(--lh-normal);padding:var(--space-1) 0;margin:0}.demo-bridge strong{color:var(--accent);font-weight:var(--w-medium)}.demo-frame{border:var(--border-w) solid var(--hairline-bright);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6)}.split-demo{display:flex;flex-direction:column;gap:var(--space-5)}.split-demo-caption{display:flex;flex-direction:column;gap:var(--space-1);margin:0}.split-demo-caption-title{font-family:var(--f-head);font-weight:var(--w-bold);font-size:var(--text-2xl);line-height:var(--lh-tight);color:var(--ink)}.split-demo-stage{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch}.split-demo-side{display:flex;flex-direction:column;gap:var(--space-2);border:var(--border-w) solid var(--hairline);border-radius:var(--radius-lg);background:var(--bg);padding:var(--space-3) var(--space-3) var(--space-1);transition:opacity var(--dur-base) ease,border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.split-demo-side.is-idle{opacity:.5}.split-demo-side.is-active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.split-demo-side-head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.split-demo-side-label{font-size:var(--text-base);font-weight:var(--w-medium);color:var(--ink)}.split-demo-side-sub{font-family:var(--f-mono);font-size:var(--text-xs);color:var(--muted)}.split-demo-live{margin-left:auto;font-family:var(--f-mono);font-size:var(--text-xs);color:var(--accent);opacity:0;transition:opacity var(--dur-fast) ease}.split-demo-side.is-active .split-demo-live{opacity:1;animation:split-live-blink 1.4s steps(1,end) infinite}@keyframes split-live-blink{50%{opacity:.35}}.split-demo-screen{flex:1;margin:0;font-family:var(--f-mono);font-size:var(--text-md);line-height:var(--lh-relaxed);background:var(--surface);border:var(--border-w) solid var(--hairline-bright);border-radius:var(--radius-lg);padding:var(--space-3);min-height:232px;max-height:232px;overflow-y:auto;white-space:normal}.split-demo-line{white-space:pre-wrap;word-break:break-word;margin-bottom:var(--space-1)}.split-demo-line:last-child{margin-bottom:0}.line-cmd{color:var(--ink)}.line-info{color:var(--muted)}.line-tool{color:var(--accent)}.line-event{color:var(--accent);font-weight:var(--w-medium);padding-left:var(--space-2);border-left:var(--border-w-emph) solid var(--accent)}.line-ok{color:var(--success)}.line-err{color:var(--danger)}.line-say{color:var(--ink-soft);font-style:italic}.line-idle{color:var(--muted);font-style:italic}.split-demo-wall{position:relative;width:30px;display:flex;align-items:center;justify-content:center}.split-demo-wall:before{content:"";position:absolute;top:var(--space-2);bottom:var(--space-2);left:50%;width:1px;transform:translate(-50%);background:linear-gradient(to bottom,transparent,var(--hairline-bright) 12%,var(--hairline-bright) 88%,transparent)}.split-demo-wall-label{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--f-mono);font-size:var(--text-xs);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--muted);background:var(--surface);padding:var(--space-2) 0;position:relative;z-index:var(--z-raised)}.split-demo-pulse{position:absolute;top:50%;left:50%;z-index:calc(var(--z-raised) + 1);width:9px;height:9px;border-radius:var(--radius-round);background:var(--accent);box-shadow:0 0 0 var(--space-1) var(--accent-glow);opacity:0;transform:translate(-50%,-50%);pointer-events:none}.split-demo-pulse.is-firing.pulse-in{animation:split-pulse-in .7s ease-out}.split-demo-pulse.is-firing.pulse-out{animation:split-pulse-out .7s ease-out}@keyframes split-pulse-in{0%{opacity:0;transform:translate(-1100%,-50%)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(1000%,-50%)}}@keyframes split-pulse-out{0%{opacity:0;transform:translate(1000%,-50%)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(-1100%,-50%)}}.split-demo-controls{display:flex;align-items:center;gap:var(--space-3)}.split-demo-dots{display:flex;gap:var(--space-2);margin-left:auto}.split-demo-dot{width:8px;height:8px;border-radius:var(--radius-round);background:var(--hairline-bright);transition:background-color var(--dur-fast) ease}.split-demo-dot.is-done{background:var(--accent-bright)}.split-demo-dot.is-active{background:var(--accent)}@media(max-width:820px){.demo-frame{padding:var(--space-4)}.split-demo-stage{grid-template-columns:1fr}.split-demo-screen{min-height:180px;max-height:200px}.split-demo-wall{width:auto;height:30px}.split-demo-wall:before{top:50%;bottom:auto;left:var(--space-3);right:var(--space-3);width:auto;height:1px;transform:translateY(-50%);background:linear-gradient(to right,transparent,var(--hairline-bright) 12%,var(--hairline-bright) 88%,transparent)}.split-demo-wall-label{writing-mode:horizontal-tb;padding:0 var(--space-2)}.split-demo-pulse.is-firing.pulse-in,.split-demo-pulse.is-firing.pulse-out{animation:split-pulse-flash .7s ease-out}}@keyframes split-pulse-flash{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.signup-wrap{max-width:460px;margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-9)}.signup-progress{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-7)}.signup-progress-dot{flex:1;height:3px;background:var(--hairline-bright);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) ease}.signup-progress-dot.is-active{background:var(--accent)}.signup-progress-dot.is-done{background:var(--accent-bright)}.signup-resend-status{min-height:1.2em;margin:0 0 var(--space-3);color:var(--success);font-size:var(--text-base);text-align:center}.google-auth-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-w) solid var(--hairline-bright);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-family:var(--f-body);font-size:var(--text-base);font-weight:var(--w-medium);line-height:var(--lh-normal);letter-spacing:0;cursor:pointer;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}.google-auth-button:hover{background:var(--surface-2);border-color:var(--faint)}.google-auth-button:active{background:var(--surface-3)}.google-auth-mark{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}.google-auth-mark svg{width:18px;height:18px;display:block}.signup-divider{display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);margin:var(--space-1) 0 var(--space-3)}.signup-divider:before,.signup-divider:after{content:"";flex:1;height:1px;background:var(--hairline-bright)}.signup-error{color:var(--danger);font-size:var(--text-base);min-height:1.2em;margin-bottom:var(--space-3)}.signup-switch{margin-top:var(--space-4);font-size:var(--text-base);color:var(--muted);text-align:center}.signup-switch button{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit}@keyframes signup-spin{to{transform:rotate(360deg)}}.signup-result-icon{font-size:var(--text-4xl);text-align:center;margin-bottom:var(--space-3)}.signup-result-icon.ok{color:var(--success)}.signup-result-icon.pending{color:var(--accent)}@media(max-width:620px){main{padding:0 var(--space-6)}.page-title{font-size:var(--text-4xl)}}