section{border-top:1px solid var(--line);padding-block:clamp(80px,10vw,120px) clamp(88px,11vw,132px)}section.hero{isolation:isolate;border-top:0;padding-block:clamp(44px,6vw,72px) clamp(80px,10vw,120px);position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--line-strong) 1px, transparent 1px);opacity:.7;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 55% at 70% 0,#000 0%,#0000 75%);mask-image:radial-gradient(65% 55% at 70% 0,#000 0%,#0000 75%)}.sec-head{gap:16px;max-width:760px;margin-bottom:clamp(36px,5vw,56px);display:grid}.hero-copy{gap:24px;max-width:840px;display:grid}.hero-tags{flex-wrap:wrap;gap:8px;display:flex}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.sim-intro{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin:clamp(40px,5vw,56px) 0 14px;display:flex}.sim-intro p{color:var(--muted);max-width:72ch;font-size:15px}.sim-body{background:var(--sunk);grid-template-columns:300px minmax(0,1fr);display:grid}@media (width<=900px){.sim-body{grid-template-columns:minmax(0,1fr)}}.sim-phone{border-right:1px solid var(--line);align-content:start;justify-items:center;gap:14px;padding:28px 20px;display:grid}@media (width<=900px){.sim-phone{border-right:0;border-bottom:1px solid var(--line)}}.phone-caption{font:500 12.5px/1.4 var(--mono);color:var(--muted);text-align:center;min-height:2.8em}.sim-side{background:var(--surface);align-content:start;gap:16px;min-width:0;padding:24px;display:grid}.ctl-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=640px){.ctl-groups{grid-template-columns:minmax(0,1fr)}}.ctl{border:1px solid var(--line);border-radius:10px;align-content:start;gap:12px;padding:16px;display:grid}.ctl-title{font:600 14px/1.3 var(--sans);color:var(--heading)}.ctl-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seg{border:1px solid var(--line-strong);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);min-height:40px;color:var(--muted);font:500 13px/1 var(--mono);cursor:pointer;border:0;padding:0 11px;transition:background-color .18s,color .18s}.seg button+button{border-left:1px solid var(--line-strong)}.seg button:hover{color:var(--heading)}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.check{cursor:pointer;user-select:none;align-items:center;gap:9px;font-size:14.5px;display:inline-flex}.check input{width:17px;height:17px;accent-color:var(--bad);margin:0}.switch .knob{background:var(--line-strong);border-radius:9999px;width:28px;height:16px;transition:background-color .18s;position:relative}.switch .knob:after{content:"";background:var(--surface);width:12px;height:12px;transition:transform .22s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-pressed=true] .knob{background:var(--accent)}.switch[aria-pressed=true] .knob:after{transform:translate(12px)}.hint{color:var(--heading);background:var(--accent-soft);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:15px;line-height:1.5;display:flex}.hint b{font:600 12.5px/1.75 var(--mono);color:var(--accent-ink);flex:none}.panes{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;display:grid}@media (width<=1060px){.panes{grid-template-columns:minmax(0,1fr)}}.pane{border:1px solid var(--line);border-radius:10px;grid-template-rows:auto 1fr;min-width:0;display:grid}.pane-head{border-bottom:1px solid var(--line);font:500 12.5px/1 var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.pane-head button{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;text-decoration:underline}#stateView{color:var(--fg);margin:0;padding:12px;font-size:13px;line-height:1.7;overflow-x:auto}#stateView .k{color:var(--muted)}#stateView .chg{background:var(--accent-soft);color:var(--accent-ink);box-shadow:0 0 0 2px var(--accent-soft);border-radius:3px}.sqlite{font:400 12.5px/1.5 var(--mono);color:var(--muted);padding:0 12px 12px}#log{height:320px;font:400 13px/1.5 var(--mono);align-content:start;gap:7px;margin:0;padding:8px 12px 12px;list-style:none;display:grid;overflow-y:auto}#log li{overflow-wrap:anywhere;animation:logIn .38s var(--ease);grid-template-columns:64px minmax(0,1fr);align-items:start;gap:8px;display:grid}#log .tag{justify-self:start;padding:1px 7px;font-size:11.5px}@keyframes logIn{0%{opacity:0;transform:translateY(4px)}}.phone{aspect-ratio:810/1730;width:262px;max-width:100%;position:relative}.phone:after{content:"";z-index:1;pointer-events:none;filter:drop-shadow(0 16px 22px var(--shadow));background:url(/assets/smartphone-frame.webp) 49.1525% 32.5%/107.284% no-repeat;position:absolute;inset:0}.screen{background:var(--bg);border-radius:11.5169%/4.96368%;grid-template-rows:auto 1fr;width:calc(87.9012% + 2px);height:calc(95.4913% + 2px);display:grid;position:absolute;top:calc(2.25434% - 1px);left:calc(6.04938% - 1px);overflow:hidden}.statusbar{font:600 12px/1 var(--sans);color:var(--heading);justify-content:space-between;align-items:center;padding:9px 20px 8px;display:flex}.statusbar .ico{stroke-width:2.2px;width:15px;height:15px}.app{min-height:0;animation:appIn .42s var(--ease);align-content:start;gap:10px;padding:10px 14px 14px;display:grid;overflow:hidden}@keyframes appIn{0%{opacity:.4;transform:translateY(6px)}}.app-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.app-title{font:600 1.35rem/1.1 var(--sans);letter-spacing:-.02em;color:var(--heading)}.app-sub{color:var(--muted);margin-top:3px;font-size:11.5px}.app-sync{border:1px solid var(--line-strong);background:var(--surface);width:32px;height:32px;color:var(--heading);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.app-sync .ico{width:15px;height:15px}.app-sync.busy .ico{animation:.8s linear infinite spin}.offline{font:500 11px/1.3 var(--mono);background:var(--sunk);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:6px 8px}.upnext{background:var(--accent-soft);border-radius:10px;gap:1px;padding:10px 11px;display:grid}.upnext small{font:600 10.5px/1.3 var(--mono);color:var(--accent-ink)}.upnext span{font:500 13px/1.35 var(--sans);color:var(--heading)}.upnext em{font:400 11.5px/1.3 var(--sans);color:var(--muted);font-style:normal}.sessions{margin:0;padding:0;list-style:none;display:grid}.sessions li{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:7px 0;display:grid}.sessions .t{font:500 11px/1.5 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.sessions .ti{font:500 12.5px/1.35 var(--sans);color:var(--heading)}.sessions .rm{font:400 11px/1.4 var(--sans);color:var(--muted);white-space:nowrap}.v2 .sessions .rm{background:var(--sunk);border:1px solid var(--line);font-family:var(--mono);border-radius:3px;padding:0 5px;font-size:10px}.sessions .changed .rm{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.boot{place-items:center;height:100%;display:grid}.boot i{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.crash{align-content:start;gap:10px;padding:18px 16px;display:grid}.crash .err{font:400 11px/1.5 var(--mono);color:var(--bad);background:var(--bad-soft);border-radius:6px;padding:8px 9px}.crash .wait{font:400 11.5px/1.4 var(--mono);color:var(--muted);justify-content:space-between;margin-top:8px;display:flex}.crash .bar{background:var(--line);border-radius:3px;height:3px;overflow:hidden}.crash .bar i{background:var(--heading);transform-origin:0;height:100%;transition:transform .2s linear;display:block}.arch{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;display:grid}.host{border:1px solid var(--line-strong);background:var(--surface);border-radius:14px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;display:grid}.host-label{font:600 15px/1.3 var(--sans);color:var(--heading);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px 10px;padding:2px 2px 6px;display:flex}.host-label .ico{color:var(--accent)}.host-label span{font:400 13.5px/1.3 var(--sans);color:var(--muted)}.layer{background:var(--sunk);border-radius:10px;align-items:flex-start;gap:12px;min-width:0;padding:14px;display:flex}.layer.wide{grid-column:1/-1}.layer .ico{color:var(--accent);margin-top:1px}.layer b,.ext b{color:var(--heading);font-size:15px;font-weight:600;display:block}.layer span,.ext span{color:var(--muted);margin-top:2px;font-size:14px;line-height:1.45;display:block}.strip{border:1px dashed var(--line-strong);font:500 13px/1.3 var(--mono);color:var(--heading);text-align:center;border-radius:8px;flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:4px 10px;padding:8px 12px;display:flex}.strip .ico{width:16px;height:16px;color:var(--accent)}.strip span{color:var(--muted);font-weight:400}.wire{height:64px;position:relative}.wire:before{content:"";background:repeating-linear-gradient(to top, var(--accent) 0 6px, transparent 6px 12px);background-size:2px 12px;width:2px;margin-left:-1px;animation:.9s linear infinite flow;position:absolute;top:0;bottom:0;left:50%}@keyframes flow{to{background-position:0 -12px}}.wire span{width:calc(50% - 14px);font:500 12.5px/1.3 var(--mono);color:var(--muted);position:absolute;top:50%;left:calc(50% + 12px);transform:translateY(-50%)}.ext{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:10px;min-width:0;padding:14px 16px}@media (width<=560px){.layer{flex-direction:column;gap:8px}.host{padding:12px}}.table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:clamp(48px,6vw,72px);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;vertical-align:top;padding:18px 22px}th{font:500 13px/1.2 var(--mono);color:var(--muted);border-bottom:1px solid var(--line);background:var(--sunk)}td{border-bottom:1px solid var(--line);font-size:16px}tr:last-child td{border-bottom:0}td:first-child{color:var(--heading);width:32%;font-weight:500}td:last-child,th:last-child{white-space:nowrap;width:1%}.path{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(32px,5vw,64px);display:grid}@media (width<=920px){.path{grid-template-columns:minmax(0,1fr)}}.steps{margin:0;padding:0;list-style:none;display:grid}.steps li{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);gap:14px;padding:22px 0;display:grid}.steps li:first-child{padding-top:0}.steps .num{font:600 15px/1.5 var(--mono);color:var(--accent)}.steps p{margin-top:6px;font-size:16px}.notes{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.notes div{border-bottom:1px solid var(--line);padding:16px 20px;font-size:14.5px}.notes div:nth-child(odd){border-right:1px solid var(--line)}.notes div:nth-last-child(-n+2){border-bottom:0}@media (width<=560px){.notes{grid-template-columns:minmax(0,1fr)}.notes div:nth-child(odd){border-right:0}.notes div:nth-last-child(2){border-bottom:1px solid var(--line)}}.notes code{font:500 13px var(--mono);color:var(--heading)}.callout{background:var(--sunk);border-radius:12px;align-items:center;gap:18px;margin-top:24px;padding:18px 20px;font-size:16px;display:flex}.callout b{color:var(--heading)}.callout img{width:auto;height:72px;filter:var(--mascot-filter);flex:none}.callout:hover img{animation:.9s ease-in-out bob}.sec-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;margin-bottom:clamp(36px,5vw,56px);display:grid}.sec-row .sec-head{margin-bottom:0}.mascot{justify-items:center;gap:10px;margin:0;display:grid}.mascot img{width:auto;height:150px;filter:var(--mascot-filter)}.mascot figcaption{font:500 13px/1.3 var(--mono);color:var(--muted);text-align:center}.mascot:hover img{animation:.9s ease-in-out bob}@media (width<=760px){.sec-row{grid-template-columns:minmax(0,1fr)}.mascot{justify-items:start}.mascot img{height:110px}.mascot figcaption{text-align:left}}.split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(32px,5vw,56px);display:grid}@media (width<=920px){.split{grid-template-columns:minmax(0,1fr)}}.ledger{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.ledger-bar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;height:48px;display:grid}.ledger-bar div{font:500 13px/1 var(--mono);color:var(--muted);align-items:center;gap:10px;padding:0 16px;display:flex}.ledger-bar .seed{background:var(--sunk)}.ledger-bar .ico{color:var(--accent);width:17px;height:17px}.ledger-bar .new{background:var(--accent-soft);color:var(--accent-ink);border-left:1px solid var(--line)}.ledger-req{font:500 13.2px/1.5 var(--mono);color:var(--heading);border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 16px;overflow-x:auto}.ledger-req span{color:var(--muted);font-weight:400}.rows{font:400 13px/1.5 var(--mono);margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--line);grid-template-columns:82px 116px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 16px;display:grid}.rows li:last-child{border-bottom:0}.rows .u{color:var(--heading);font-weight:500}.rows .kk{color:var(--muted)}.rows .v{font-family:var(--sans);color:var(--fg);overflow-wrap:anywhere;font-size:14.5px}@media (width<=620px){.rows li{grid-template-columns:72px minmax(0,1fr) auto}.rows .kk{display:none}}.facts{margin:0;padding:0;list-style:none;display:grid}.facts li{border-bottom:1px solid var(--line);padding:16px 0;font-size:16px}.facts li:first-child{padding-top:0}.facts b{color:var(--heading);font-weight:600}.sql{margin-top:16px}.tabs{border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.tabs button{height:44px;font:500 13px/1 var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:0 16px;transition:color .18s,border-color .18s}.tabs button[aria-selected=true]{color:var(--heading);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--heading)}.tabpanel .code{min-height:350px}.list{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:16px;display:grid}.list>div{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,220px) minmax(0,1fr);align-items:start;gap:18px;padding:20px 22px;display:grid}.list>div:last-child{border-bottom:0}.list h3{padding-top:8px}.list p{padding-top:7px;font-size:16px}@media (width<=760px){.list>div{grid-template-columns:40px minmax(0,1fr)}.list p{grid-column:2;padding-top:0}}.quotes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=860px){.quotes{grid-template-columns:minmax(0,1fr)}}.quote{background:var(--sunk);border-radius:12px;align-content:start;gap:12px;padding:clamp(22px,3vw,30px);display:grid}blockquote{color:var(--heading);margin:0;font-size:17px;line-height:1.6}.cite{font:500 13px/1.4 var(--mono);color:var(--muted)}.rules{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;display:grid}@media (width<=860px){.rules{grid-template-columns:minmax(0,1fr)}}.rule{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);gap:16px;padding:24px;display:grid}.rule:nth-child(odd){border-right:1px solid var(--line)}.rule:nth-last-child(-n+2){border-bottom:0}@media (width<=860px){.rule:nth-child(odd){border-right:0}.rule:nth-last-child(2){border-bottom:1px solid var(--line)}}.rule p{margin-top:6px;font-size:16px}.exts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.exts code{font:400 12.5px/1 var(--mono);background:var(--sunk);border:1px solid var(--line);color:var(--muted);text-decoration:line-through;text-decoration-color:var(--bad);border-radius:4px;padding:5px 7px}.start{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:14px;display:grid}@media (width<=920px){.start{grid-template-columns:minmax(0,1fr)}}.term pre{color:var(--heading);margin:0;padding:20px;font-size:13.8px;line-height:1.85;overflow-x:auto}.term .c{color:var(--muted)}.term .p{color:var(--muted);user-select:none}.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:clamp(22px,3vw,30px)}.wizard{margin:0;padding:0;list-style:none;display:grid}.wizard li{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);gap:12px;padding:13px 0;font-size:16px;display:grid}.wizard li:first-child{padding-top:0}.wizard .n{font:600 13px/1.85 var(--mono);color:var(--accent)}.wizard b{color:var(--heading);font-weight:600}.skill div{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:14px;padding:12px 0;font-size:15px;display:grid}.skill div:last-child{border-bottom:0;padding-bottom:0}.skill code{font:500 13.5px/1.6 var(--mono);color:var(--heading)}@media (width<=480px){.skill div{grid-template-columns:minmax(0,1fr);gap:2px}}.qa{border-top:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px 40px;margin:0;padding:28px 0;display:grid}.qa:last-child{border-bottom:1px solid var(--line)}.qa dt{font:600 17px/1.45 var(--sans);color:var(--heading)}.qa dd{max-width:64ch;margin:0;font-size:16.5px}@media (width<=760px){.qa{grid-template-columns:minmax(0,1fr)}}.final .hero-copy{max-width:760px}