.flow{--w:2px;--r:12px;--split:32px;flex-direction:column;align-items:center;width:100%;max-width:880px;margin-top:48px;display:flex;container:flow/inline-size}.flow-row{flex-direction:column;align-items:center;width:100%;display:flex}.flow-link{width:var(--w);background:var(--plan-ink);height:24px}.flow-box,.flow-group{border:1px solid var(--rule);background:var(--plan-paper);color:var(--ink);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);border-radius:12px;position:relative}.flow-box{text-align:center;width:min(100%,360px);padding:14px 20px}.flow-box[data-nodes]{text-align:left;padding:16px 20px 18px}.flow-group{width:100%;padding:16px 16px 18px}.flow-box:hover,.flow-group:hover{border-color:var(--faint-3)}.flow-head{justify-content:center;align-items:baseline;gap:12px;display:flex}.flow-box[data-nodes] .flow-head,.flow-group .flow-head{justify-content:space-between}.flow-name{min-width:0;color:inherit;overflow-wrap:anywhere;align-items:baseline;gap:8px;font-size:14.5px;line-height:1.4;display:inline-flex}.flow-group .flow-name{font-size:14px}.flow-name:after{content:"";border-radius:inherit;position:absolute;inset:0}.flow-tick{flex:none;align-self:center}.flow-chat{z-index:1;color:var(--ink-3);flex:none;font-size:13px;position:relative}.flow-chat:hover{color:var(--accent)}.flow-box[data-current],.flow-group[data-current]{border-color:var(--sky)}.flow-box[data-current]>.flow-head .flow-name,.flow-group[data-current]>.flow-head .flow-name{font-weight:500}.flow-box[data-state=done],.flow-group[data-state=done]{background:var(--surface-alt);color:var(--soft)}.flow-box[data-state=skipped],.flow-group[data-state=skipped]{border-style:dashed;border-color:var(--soft);color:var(--ink-3)}.flow-box[data-picked],.flow-group[data-picked]{outline:3px solid var(--accent-rule);outline-offset:2px}.flow-nodes{z-index:1;text-align:left;margin:12px 0 0;padding:0;list-style:none;position:relative}.flow-node .flow-nodes{margin-top:0}.flow-node{padding-left:24px;position:relative}.flow-node:before{content:"";z-index:1;border:var(--w) solid var(--plan-ink);background:var(--plan-paper);border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:0}.flow-node:not(:last-child):after{content:"";width:var(--w);background:var(--plan-ink);position:absolute;top:22px;bottom:-10px;left:5px}.flow-node-row{justify-content:space-between;align-items:baseline;gap:10px;min-height:32px;padding:5px 0;display:flex}.flow-node-name{min-width:0;color:var(--ink);overflow-wrap:anywhere;align-items:baseline;gap:6px;font-size:13.5px;line-height:1.5;display:inline-flex}.flow-node-name:hover{color:var(--accent)}.flow-node[data-current]:before{border-width:3px;border-color:var(--sky)}.flow-node[data-current]>.flow-node-row .flow-node-name{font-weight:500}.flow-node[data-state=done]:before{border-color:var(--soft);background:var(--soft)}.flow-node[data-state=done]>.flow-node-row .flow-node-name{color:var(--soft)}.flow-node[data-state=skipped]:before{border-style:dashed;border-color:var(--soft)}.flow-node[data-state=skipped]>.flow-node-row .flow-node-name{color:var(--ink-3)}.flow-node[data-picked]>.flow-node-row .flow-node-name{outline:3px solid var(--accent-rule);outline-offset:2px;border-radius:4px}.flow-fan{width:100%}.flow-groups{grid-template-columns:repeat(var(--n), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid}.flow-cell{padding:0 8px;display:flex;position:relative}.flow-split{height:var(--split);position:relative}.flow-join{transform:scaleY(-1)}.flow-stub,.flow-turn,.flow-arm{border:0 solid var(--plan-ink);position:absolute}.flow-stub{display:none}.flow-turn{width:calc(var(--r) + var(--w));height:calc(var(--split) / 2 + var(--w) / 2);border-bottom-width:var(--w);top:0}.flow-turn[data-side=left]{right:calc(50% - var(--w) / 2);border-right-width:var(--w);border-bottom-right-radius:var(--r)}.flow-turn[data-side=right]{left:calc(50% - var(--w) / 2);border-left-width:var(--w);border-bottom-left-radius:var(--r)}.flow-arm{top:calc(var(--split) / 2 - var(--w) / 2);bottom:0}.flow-arm[data-side=left]{left:calc(var(--at) - var(--w) / 2);right:calc(50% + var(--r) + var(--w) / 2 - 1px);border-top-width:var(--w);border-left-width:var(--w);border-top-left-radius:var(--r)}.flow-arm[data-side=right]{left:calc(50% + var(--r) + var(--w) / 2 - 1px);right:calc(100% - var(--at) - var(--w) / 2);border-top-width:var(--w);border-right-width:var(--w);border-top-right-radius:var(--r)}.flow-arm[data-side=mid]{top:0;left:calc(50% - var(--w) / 2);width:var(--w);background:var(--plan-ink)}.flow-end{border:1px solid var(--rule);background:var(--surface);border-radius:12px;align-items:baseline;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.flow-end .mono{color:var(--soft);font-size:12.5px;font-weight:400}@container flow (max-width:559px){.flow-groups{grid-template-columns:minmax(0,1fr);row-gap:24px}.flow-cell{justify-content:center;padding:0}.flow-group{width:min(100%,360px)}.flow-cell+.flow-cell:before{content:"";top:-24px;left:calc(50% - var(--w) / 2);width:var(--w);background:var(--plan-ink);height:24px;position:absolute}.flow-split{height:24px}.flow-turn,.flow-arm{display:none}.flow-stub{top:0;bottom:0;left:calc(50% - var(--w) / 2);width:var(--w);background:var(--plan-ink);display:block}}
.pstep{box-sizing:border-box;flex-direction:column;min-height:100%;padding:32px 0 40px;display:flex}.plan-chat .pstep{padding-inline:8px}.pstep-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pstep .pstep-back{margin:0}.pstep-tools{gap:8px;display:flex}.pstep-act{height:32px;padding:0 12px;font-size:13px}.pstep-more{position:relative}.pstep-more-button{width:32px;padding:0}.pstep-more.open .pstep-more-button{border-color:var(--ink);border-bottom-right-radius:0}.pstep-menu{z-index:6;border:1px solid var(--ink);background:var(--surface);width:200px;animation:rise var(--dur-fast) var(--ease) both;border-radius:8px 0 8px 8px;margin:0;padding:4px;list-style:none;position:absolute;top:100%;right:0}.pstep-menu .panel-item:disabled{color:var(--disabled);cursor:default}.pstep-menu .panel-item:disabled:hover{background:0 0}.pstep-menu .pstep-danger{color:var(--warn-ink-2);margin-top:4px}.pstep-confirm{align-items:center;gap:12px;margin-top:20px;display:flex}.pstep-refusal{color:var(--faint);margin:16px 0 0;font-size:13px}.pstep-place{margin-top:32px}.pstep-name{overflow-wrap:anywhere;margin:8px 0 0;font-size:20px;font-weight:500;line-height:1.3}.pstep-name-field{border:0;border-bottom:1px solid var(--rule-ink);width:100%;font:inherit;color:var(--ink);background:0 0;outline:none;padding:0 0 2px;font-size:20px;font-weight:500}.pstep-label{margin:32px 0 8px}.pstep-rows,.pstep-concepts{margin:0;padding:0;list-style:none}.pstep-row{border-bottom:1px solid var(--rule-soft);align-items:center;gap:12px;min-height:44px;padding:8px 0;font-size:14px;display:flex}.pstep-row-name{overflow-wrap:anywhere;flex:auto;min-width:0}.pstep-row[data-state=done] .pstep-row-name{color:var(--soft)}.pstep-row-link{color:var(--ink-3);flex:none;font-size:13px}.pstep-row-link:hover{color:var(--accent)}.pstep-mark{border:2px solid var(--plan-ink);border-radius:50%;flex:none;width:12px;height:12px}.pstep-mark[data-current]{border-width:3px;border-color:var(--ink)}.pstep-mark[data-state=done]{border-color:var(--soft);background:var(--soft)}.pstep-mark[data-state=skipped]{border-style:dashed;border-color:var(--soft)}.pstep-concept{padding:6px 0 6px calc(var(--depth,0) * 20px);color:var(--ink-3);align-items:center;gap:12px;font-size:14px;line-height:1.5;display:flex}.pstep-concept-name{overflow-wrap:anywhere;flex:auto;min-width:0}.pstep-concept .ws-level{flex:none}.pstep-dot{background:var(--ink);border-radius:999px;flex:none;width:8px;height:8px}.pstep-dot.developing{background:var(--faint-2)}.pstep-dot.weak{background:var(--warn-ink-2)}.pstep-dot.unmeasured{background:var(--tick-rule)}.pstep-foot{margin-top:auto;padding-top:40px}.pstep .pstep-go{width:100%;height:44px;font-size:14px}.pstep-add{border:1px solid var(--rule);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;margin-top:24px;padding:20px;display:flex}.pstep-add fieldset{border:0;margin:0;padding:0}.pstep-kind{gap:8px;margin-bottom:8px;display:flex}.pstep-kind-choice{border:1px solid var(--rule);background:var(--surface);height:32px;font:inherit;color:var(--soft);cursor:pointer;transition:border-color var(--dur-fast) var(--ease);border-radius:8px;padding:0 12px;font-size:13px}.pstep-kind-choice[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.pstep-field-label{color:var(--soft);font-size:13px}.pstep .pstep-field{border-radius:8px;height:40px}.pstep-pick .pstep-label{margin:16px 0 8px;padding:0}.pstep-check{min-height:32px;color:var(--ink-3);align-items:center;gap:10px;font-size:13.5px;display:flex}.pstep-add-actions{align-items:center;gap:12px;margin-top:12px;display:flex}.plan-chat-thread[hidden]{display:none}.plan-pick-head{align-items:center;gap:8px;display:flex}.plan-pick-menu{flex:auto;min-width:0;position:relative}.plan-pick-button{border:1px solid var(--rule);background:var(--surface);width:100%;min-height:40px;font:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:border-color var(--dur-fast) var(--ease);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.plan-pick-button:hover,.plan-pick-menu.open .plan-pick-button{border-color:var(--ink)}.plan-pick-menu.open .plan-pick-button{border-bottom-color:#0000;border-radius:8px 8px 0 0}.plan-pick-name{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:500;line-height:1.35}a.plan-pick-name{flex:auto}.plan-pick-list{z-index:6;border:1px solid var(--ink);background:var(--surface);animation:rise var(--dur-fast) var(--ease) both;border-top:0;border-radius:0 0 8px 8px;margin:-1px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0}.plan-pick-list[hidden]{display:none}.plan-pick-list .panel-item[aria-checked=true]{color:var(--ink);font-weight:500}.plan-pick-divider{border-top:1px solid var(--rule-soft);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:4px 0 0;padding:8px 12px 4px;font-size:11px}.plan-pick-list .panel-item[data-finished],.plan-pick-name[data-finished]{color:var(--soft)}.plan-pick-name .flow-tick{vertical-align:-1px;margin-right:8px}.plan-pick-list .panel-item .flow-tick,.plan-pick-name .flow-tick{color:var(--soft)}.plan-pick-foot{margin-top:24px}.plan-pick-foot .ws-new{margin-bottom:0}.plan-pick-open{border:1px solid var(--rule);background:var(--surface);width:40px;height:40px;color:var(--ink-3);transition:border-color var(--dur-fast) var(--ease);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.plan-pick-open:hover{border-color:var(--ink)}.plan-pick-meta{color:var(--soft);margin:8px 0 0;font-size:12px}.ws-step-narrow{display:none}@media (max-width:1259px){.ws-step-narrow{border-top:1px solid var(--rule);margin-top:24px;padding-top:8px;display:block}}@media (max-width:899px){.pstep-act,.pstep-kind-choice,.pstep .pstep-field,.plan-pick-button{min-height:44px}.pstep-more-button,.plan-pick-open{width:44px;height:44px}.pstep-menu .panel-item,.plan-pick-list .panel-item{min-height:44px}}
@media (max-width:899px){.nav-rail,.nav-rail-group,.nav-rail-foot{gap:2px}.nav-rail-item{width:44px;height:44px}.nav-rail{padding-left:0;padding-right:0}.nav-rail:before{content:"";z-index:2;background:linear-gradient(to left, transparent, var(--bg-rail));opacity:var(--rail-scrolled,0);pointer-events:none;flex:0 0 48px;order:-10;align-self:stretch;margin-right:-42px;position:sticky;left:138px}.nav-rail:after{content:"";background:linear-gradient(to right, transparent, var(--bg-rail));pointer-events:none;flex:0 0 48px;align-self:stretch;margin-left:-8px;position:sticky;right:0}.ws-chat .chat-live{min-height:calc(100dvh - 100px)}.ws-new{height:44px}.segments{gap:0}.segment{height:44px;padding:0 10px}.segment:first-child{margin-left:-10px}.segment:after{left:10px;right:10px}.ws-order-choice{min-height:44px}.ws-order{margin-bottom:4px}.ws-concept,.ws-unit-head{min-height:44px}.ws-fold{top:calc(var(--tree-mid) - 22px);left:calc(var(--depth) * 16px - 16px);width:44px;height:44px}.ws-file{padding:11px 0;line-height:22px}.ws-relation{align-items:center;min-height:44px;padding:0;display:flex}.ws-action,.act,.came-up{height:auto;min-height:44px}.ws-action{padding:0 16px}.practice-foot .btn-ghost{min-height:44px}.setting-button,.attach-button,.composer-right .btn,.pencil{position:relative}.setting-button:before,.attach-button:before,.composer-right .btn:before,.pencil:before{content:"";position:absolute;inset:-8px 0}textarea,input[type=text],input[type=search],input[type=email],input[type=number],input:not([type]){font-size:16px}.ws-due-calendar{position:relative}.ws-due-calendar:before{content:"";position:absolute;inset:-16px -8px}.cal4-open{min-height:44px}.cal-items,.cal-past-items{row-gap:4px}.deck{flex-direction:column;align-items:stretch;gap:0;display:flex}.deck-centre{order:0;max-width:none}.deck-list{order:1;min-width:0;margin:40px 0 0}.deck-round{order:2;min-width:0}.deck-centre{flex-direction:column;display:flex}.deck-nav{z-index:3;padding:16px 0 calc(16px + env(safe-area-inset-bottom));background:var(--bg-fade);order:2;justify-content:center;margin:0;position:sticky;bottom:0}.deck-course{min-height:44px}.deck-round-list,.deck-next-head,.deck-next{display:none}.deck-centre .practice-card{padding:24px 20px 20px}.btn.square{height:44px}}@media (max-width:359px){.content,.plain-page{padding-left:16px;padding-right:16px}.ws-chat{padding:0 16px}.chat-column-body{padding-left:16px;padding-right:16px}.people-row.open{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}
.chat-column{z-index:40;width:var(--chat-column);border-right:1px solid var(--rule);background:var(--bg-rail);transition:width var(--dur) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:56px}.chat-column[data-collapsed]{width:40px}.col:has(.chat-column){padding-left:var(--chat-column);transition:padding-left var(--dur) var(--ease)}.col:has(.chat-column[data-collapsed]){padding-left:40px}.chat-column-strip{flex-direction:column;align-items:center;gap:12px;padding:8px 0;display:none}.chat-column[data-collapsed] .chat-column-strip{display:flex}.chat-column-body{width:var(--chat-column);scrollbar-width:thin;height:100%;transition:opacity var(--dur-fast) var(--ease), visibility var(--dur-fast) var(--ease);flex-direction:column;padding:8px 20px 32px;display:flex;overflow-y:auto}.chat-column[data-collapsed] .chat-column-body{visibility:hidden;opacity:0}.chat-column-head{justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin-bottom:8px;display:flex}.chat-column-head .segments{flex:auto;margin:0}.chat-column-title{color:var(--ink);flex:auto;margin:0;padding-left:2px;font-size:14px;font-weight:500}.chat-column-fold,.chat-column-close{font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0}.chat-column-head .chat-column-fold{margin-right:-8px}.chat-column-close{display:none}.chat-column-tab{flex-direction:column;flex:auto;display:flex}.chat-column-tab[hidden]{display:none}.chats-search{border:1px solid var(--rule);background:var(--surface);height:32px;color:var(--faint);border-radius:8px;align-items:center;gap:8px;margin:0 0 12px;padding:0 10px;display:flex}.chats-search:focus-within{border-color:var(--ink);color:var(--ink)}.chats-search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;padding:0;font-size:13px}.chats-search input::placeholder{color:var(--faint)}.chats-list{flex:auto}.chats-empty{padding:8px 0}.chat-row2[aria-current=page]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule)}.chat-row2-pin{vertical-align:-1px;color:var(--ink-3);flex:none;margin-right:4px}@media (max-width:899px){.chat-column,.chat-column[data-collapsed]{visibility:hidden;opacity:0;width:auto;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility var(--dur) var(--ease);border-right:0;inset:56px 0 0;transform:translate(-12px)}.chat-column[data-open]{visibility:visible;opacity:1;transform:none}:is(.col:has(.chat-column),.col:has(.chat-column[data-collapsed])){padding-left:0}.chat-column[data-collapsed] .chat-column-strip{display:none}.chat-column-body,.chat-column[data-collapsed] .chat-column-body{width:auto;padding:6px 24px calc(32px + env(safe-area-inset-bottom));overscroll-behavior:contain;visibility:inherit;opacity:1}.chat-column-fold{display:none}.chat-column-close{width:44px;height:44px;margin-right:-12px;display:grid}.chats-search{height:44px}}
.onb-page{background:var(--bg);color:var(--ink);position:fixed;inset:0;overflow:hidden}.onb-grove{pointer-events:none;position:absolute;inset:0;overflow:hidden}.onb-grove svg{width:auto;min-width:100%;height:100%;position:absolute;bottom:0;left:0}.onb-trunk{fill:var(--surface-press)}.onb-eye{fill:var(--tick-rule)}.onb-leaf{fill:var(--gold-leaf);opacity:.5}.onb-grove-veil{background:radial-gradient(ellipse 60% 70% at 50% 45%, var(--bg) 30%, transparent 100%);opacity:.92;position:absolute;inset:0}.onb{background:0 0;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.onb-top{min-height:60px;padding:calc(16px + env(safe-area-inset-top,0px)) max(24px, env(safe-area-inset-right,0px)) 0 max(24px, env(safe-area-inset-left,0px));align-items:center;gap:20px;display:flex}.onb-mark{width:26px;height:30px;display:block;overflow:visible}.onb-mark-leaf{transform-box:fill-box;transform-origin:50%}.onb-progress{gap:6px;display:flex}.onb-progress span{background:var(--rule);border-radius:2px;width:36px;height:3px;position:relative;overflow:hidden}.onb-progress span:after{content:"";background:var(--gold);transform-origin:0;transition:transform var(--dur) var(--ease);position:absolute;inset:0;transform:scaleX(0)}.onb-progress span[data-on]:after{transform:scaleX(1)}.onb-stage{min-height:0;position:relative}.onb-step{padding:clamp(32px, 9vh, 104px) max(24px, env(safe-area-inset-right,0px)) 32px max(24px, env(safe-area-inset-left,0px));position:absolute;inset:0;overflow:hidden auto}.onb-step>*{max-width:720px;margin-inline:auto}.onb-head{flex-direction:column;gap:8px;margin-bottom:40px;display:flex}.onb-term{font-family:var(--font-mono);letter-spacing:.04em;color:var(--soft);font-size:12px}.onb-h{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(32px,4.4vw,48px);font-weight:500;line-height:1.08}.onb-rows{border:0;border-top:1px solid var(--rule);flex-direction:column;min-width:0;margin-block:0;padding:0;display:flex}.onb-row{border:0;border-bottom:1px solid var(--rule);width:100%;min-height:64px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;isolation:isolate;transition:background-color var(--dur-fast) var(--ease);background:0 0;grid-template-columns:24px 140px minmax(0,1fr);align-items:center;gap:20px;padding:16px;display:grid;position:relative}.onb-row:before{content:"";z-index:-1;background:var(--gold-wash);transform-origin:0;transition:transform var(--dur) var(--ease);position:absolute;inset:0;transform:scaleX(0)}.onb-row[aria-pressed=true]:before{transform:scaleX(1)}.onb-row:hover{background:var(--surface-alt)}.onb-row:active{background:var(--surface-press)}.onb-row-tag{grid-template-columns:24px minmax(0,1fr)}.onb-code{font-family:var(--font-mono);color:var(--soft);white-space:nowrap;font-size:14px}.onb-name{font-size:18px;font-weight:500;line-height:1.3}.onb-tick{width:24px;height:24px}.onb-tick circle{fill:none;stroke:var(--tick-rule);stroke-width:1.5px}.onb-tick .onb-ring{stroke:var(--gold);stroke-dasharray:70;stroke-dashoffset:70px;transform-origin:12px 12px;transition:stroke-dashoffset var(--dur) var(--ease);transform:rotate(-90deg)}.onb-tick path{fill:none;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset var(--dur) var(--ease)}[aria-pressed=true]>.onb-tick .onb-ring,[aria-pressed=true]>.onb-tick path{stroke-dashoffset:0}.onb-styles{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.onb-style{color:var(--soft);font:inherit;text-align:left;cursor:pointer;transition:color var(--dur) var(--ease);background:0 0;border:0;flex-direction:column;gap:20px;padding:28px 4px 12px;display:flex;position:relative}.onb-style:before{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform var(--dur) var(--ease);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.onb-style:hover,.onb-style[aria-checked=true]{color:var(--ink)}.onb-style[aria-checked=true]:before{transform:scaleX(1)}.onb-style-label{font-size:18px;font-weight:500}.onb-shape{flex-direction:column;gap:9px;height:92px;padding-right:20%;display:flex}.onb-shape-line{align-items:center;gap:10px;display:flex}.onb-shape-line.indent{padding-left:24px}.onb-shape-line i{background:var(--tick-off);height:6px;transition:background-color var(--dur) var(--ease);border-radius:3px;display:block}.onb-shape-line b{border:1.5px solid var(--tick-rule);width:8px;height:8px;transition:border-color var(--dur) var(--ease);border-radius:50%;flex:none}.onb-style[aria-checked=true] .onb-shape-line i{background:var(--gold-leaf)}.onb-style[aria-checked=true] .onb-shape-line b{border-color:var(--gold)}.onb-nav{padding:20px max(24px, env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(24px, env(safe-area-inset-left,0px))}.onb-nav-in,.onb-error{max-width:720px;margin-inline:auto}.onb-nav-in{align-items:center;gap:8px;display:flex}.onb-grow{flex:1}.onb-quiet,.onb-primary{min-height:44px;font:inherit;cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), opacity var(--dur) var(--ease);border:0;border-radius:8px}.onb-quiet{color:var(--soft);background:0 0;padding:0 16px}.onb-quiet:hover{color:var(--ink);background:var(--surface-alt)}.onb-primary{background:var(--ink);color:var(--on-ink);padding:0 24px;font-weight:500}.onb-primary:disabled{opacity:.25;cursor:default}.onb-row:focus-visible,.onb-style:focus-visible,.onb-quiet:focus-visible,.onb-primary:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.onb-error{color:var(--warn-ink);margin-top:12px;font-size:13.5px}.onb-intro{z-index:4;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.onb-intro[hidden]{display:none}.onb-intro .onb-mark{width:104px;height:120px}.onb[data-intro] .onb-top .onb-mark,.onb[data-intro] .onb-chrome,.onb[data-intro] .onb-step .onb-fx{opacity:0}@media (max-width:899px){.onb-row{grid-template-columns:24px minmax(0,1fr);row-gap:2px}.onb-row .onb-code,.onb-row .onb-name{grid-column:2}.onb-styles{border-top:0;grid-template-columns:minmax(0,1fr);gap:0}.onb-style{border-top:1px solid var(--rule);padding-top:20px}.onb-shape{height:auto}}html[data-landing] .nav-rail,html[data-landing] .chat-column,html[data-landing] .composer-wrap,html[data-landing] .chat-empty,html[data-landing] .top-bar{opacity:0}.landing-carry{z-index:45;pointer-events:none;text-align:center;place-content:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}.landing-carry-line{flex-wrap:wrap;justify-content:center;gap:6px 18px;display:flex}.landing-code{font-family:var(--font-mono);color:var(--ink);font-size:15px;font-weight:500}.landing-tag{color:var(--soft);font-size:15px}.landing-style{color:var(--ink);font-size:22px;font-weight:500}.landing-ghost{z-index:55;white-space:nowrap;pointer-events:none;place-items:center;display:grid;position:fixed}.landing-dot{background:var(--gold);border-radius:50%}.landing-count{background:var(--gold);min-width:16px;height:16px;color:var(--on-ink);text-align:center;border-radius:8px;padding:0 4px;font-size:11px;font-weight:600;line-height:16px;position:absolute;top:-2px;right:-2px}
:root{--ws-right:clamp(360px, 28%, 440px)}.practice-panel{z-index:40;flex:0 0 var(--ws-right);width:var(--ws-right);border-left:1px solid var(--rule);background:var(--bg-rail);flex-direction:column;height:100dvh;display:none;position:sticky;top:0}.practice-panel[data-open]{transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);display:flex}@starting-style{.practice-panel[data-open]{opacity:0;transform:translate(24px)}}.nav-rail-practice{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}@media (max-width:899px){.nav-rail-practice{background:var(--bg-rail)}}.nav-rail-practice[aria-pressed=true]{color:var(--accent-fill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule)}.nav-rail-practice:focus:not(:focus-visible){outline:none}.practice-panel-head{height:var(--top-bar);flex:none;align-items:center;gap:12px;padding:0 12px 0 24px;display:flex}.practice-panel-title{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.practice-panel-count{color:var(--faint);font-size:12px}.practice-panel-tools{gap:4px;margin-left:auto;display:flex}.practice-panel-tool{width:36px;height:36px;color:var(--faint);cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.practice-panel-tool:hover{color:var(--ink);background:var(--surface-alt)}.practice-panel-tool:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.practice-panel-scope{letter-spacing:.04em;color:var(--soft);flex:none;margin:8px 24px 16px;font-size:12px}.practice-panel-body{min-height:0;padding:0 16px calc(32px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:auto;overflow-y:auto}.practice-panel .practice{flex-direction:column;gap:12px;display:flex}.practice-panel .practice-card{border:1px solid var(--rule-soft);background:var(--surface);border-radius:8px;padding:20px}.practice-panel .practice-card:last-child{border-bottom:1px solid var(--rule-soft)}.practice-panel .practice-empty{padding:8px 8px 0}.practice-ask{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:16px;display:flex}.practice-new-chat{font-size:13.5px}@media (max-width:1279px){.practice-panel{height:auto;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 32px #00000014}}@media (max-width:899px){.practice-panel{width:auto;box-shadow:none;border-left:0;top:56px;left:0}@starting-style{.practice-panel[data-open]{transform:translate(12px)}}.practice-panel-head{height:44px;padding:0 8px 0 24px}.practice-panel-tool{width:44px;height:44px}}.chat-quote{background:var(--surface-alt);color:var(--ink-2);border-radius:8px;margin:0 0 8px;padding:12px 44px 12px 14px;font-size:13.5px;line-height:1.5;position:relative}.chat-quote-head{gap:10px;min-width:0;margin:0;display:flex}.chat-quote-code{color:var(--soft);flex:none;font-size:12px}.chat-quote-start{min-width:0}.chat-quote-answer{color:var(--soft);margin:6px 0 0;font-size:12.5px}.chat-quote-outcome.wrong{color:var(--warn-ink)}.chat-quote-outcome.correct{color:var(--sky)}.chat-quote-remove{width:36px;height:36px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.chat-quote-remove:hover{color:var(--ink)}.composer>.chat-quote{border-radius:16px;margin:12px 12px 0}.chat-turn-user .chat-quote{align-self:flex-end;max-width:min(560px,80%);padding-right:14px}@media (max-width:899px){.composer .chat-quote-head{white-space:nowrap;overflow:hidden}.composer .chat-quote-start{text-overflow:ellipsis;overflow:hidden}.composer .chat-quote-answer{display:none}.chat-quote-remove{width:44px;height:44px;top:0;right:0}}.deck-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.deck-after .practice-ask{margin-top:0}