:root{--bg: #f3f4f9;--surface: #ffffff;--sunk: #e7e9f2;--line: #cdd1e0;--ink: #161a2c;--muted: #5d6483;--dot: #d5d9e8;--accent: #3b55d9;--accent-ink: #ffffff;--accent-soft: #e2e7fb;--edge: #5a6bc4;--danger: #b3261e;--h0: #3b6fe0;--h1: #d9782d;--h2: #1e9e7a;--h3: #d04a75;--h4: #8a5cd6;--h5: #b08a10;--h6: #1e8fb8;--h7: #5e9e2f;--c0: #a3a9c0;--c1: #c9402b;--c2: #da7a28;--c3: #c29b14;--c4: #5e9a3a;--c5: #23875a;--display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;color-scheme:light;padding-top:env(safe-area-inset-top,0px)}@media(prefers-color-scheme:dark){:root{--bg: #0e1120;--surface: #161a2e;--sunk: #0a0c18;--line: #283050;--ink: #e5e8f6;--muted: #8a92b6;--dot: #1e2440;--accent: #8ea6ff;--accent-ink: #0b1030;--accent-soft: #222b52;--edge: #8ea6ff;--danger: #f07a70;--h0: #7aa2ff;--h1: #f2a65a;--h2: #5fd3ae;--h3: #f07fa3;--h4: #b99cff;--h5: #e8cf62;--h6: #5ec6ec;--h7: #9bd872;--c0: #5a6283;--c1: #ee6a55;--c2: #f0994d;--c3: #e2c048;--c4: #82c35e;--c5: #4fbf86;color-scheme:dark}}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--body);overflow:hidden}*{box-sizing:border-box}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.app>*{min-width:0}header.top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-block:9px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font:700 19px/1 var(--display);display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.brand svg{width:22px;height:22px;color:var(--accent)}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;font-size:13px;color:var(--muted);min-width:0}.crumbs button{border:0;background:none;padding:2px 4px;border-radius:4px;cursor:pointer;color:var(--muted)}.crumbs button:last-child{color:var(--ink);font-weight:600}.crumbs button:hover{background:var(--sunk)}.spacer{flex:1}.tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.seg button{border:0;background:var(--surface);padding:5px 10px;cursor:pointer;color:var(--muted);font-size:13px}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--ink);font-weight:500}.btn{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:5px 11px;cursor:pointer;white-space:nowrap;font-size:13px}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.ai{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn.ai:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent);margin-right:8px;vertical-align:1px}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:default}.btn.sm{padding:3px 8px;font-size:12.5px}input.txt,select.txt,textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:7px 10px}textarea{resize:vertical;min-height:70px;line-height:1.45}input.search{width:170px;padding:5px 10px;font-size:13px}.stagewrap{position:relative;min-height:0;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(var(--dot) 1.2px,transparent 1.3px);background-size:24px 24px}svg.web{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}svg.web:active{cursor:grabbing}.edge-m{stroke:var(--line);stroke-width:1.4}.edge-m.ghost{stroke-dasharray:3 4}.edge-r{stroke:var(--edge)}.edge-r.ghost{stroke-dasharray:4 4}.pulse{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:2 16;fill:none}@media(prefers-reduced-motion:no-preference){.pulse{animation:flow linear infinite}}@keyframes flow{to{stroke-dashoffset:-36}}.elabel{font:500 11px var(--mono);fill:var(--accent);paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round;pointer-events:none}.node{cursor:pointer;outline:none}.node .label{font:500 12px var(--body);fill:var(--ink);paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round;text-anchor:middle;pointer-events:none}.node.hub .label{font:700 16px var(--display)}.node.ghost .label{fill:var(--muted);font-size:11px}.node .soma{stroke-width:2}.node .inside{fill:none;stroke-width:1.3;stroke-dasharray:3 3}.node.sel .soma{stroke-width:4}.node:focus-visible .soma{stroke:var(--accent);stroke-width:4}.node .step circle{fill:var(--accent);stroke:var(--bg);stroke-width:2}.node .step text{fill:var(--accent-ink);font:600 11px var(--mono);text-anchor:middle;pointer-events:none}.dim{opacity:.14}@media(prefers-reduced-motion:no-preference){.node,.edges line{transition:opacity .2s}}.float{position:absolute;display:flex;gap:6px;flex-wrap:wrap;align-items:center;z-index:3}.fl-tl{left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));top:14px;pointer-events:none}.fl-tl>*{max-width:560px;min-width:0;pointer-events:auto}.fl-bl{left:max(16px,env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px))}.legend{position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:11.5px var(--mono);color:var(--muted);display:flex;flex-direction:column;gap:5px}.legend .r{display:flex;align-items:center;gap:8px}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%}.hint{font-size:12.5px;color:var(--muted)}.levelnote{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px}.levelnote b{font-family:var(--display)}.status{font:11.5px var(--mono);color:var(--muted)}.drawer{position:absolute;top:0;right:0;bottom:0;width:380px;background:var(--surface);border-left:1px solid var(--line);z-index:4;display:flex;flex-direction:column;box-shadow:-12px 0 30px -18px #00000059}.dhead{display:flex;align-items:center;gap:8px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--line)}.dhead .ttl{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex:1}.x{border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;border-radius:4px}.x:hover{color:var(--danger);background:var(--sunk)}.dbody{overflow:auto;padding:16px;display:flex;flex-direction:column;gap:18px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.sec{display:flex;flex-direction:column;gap:8px}.lab{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:8px}input.title{font:700 23px/1.2 var(--display);border:0;border-bottom:1px solid transparent;background:none;padding:2px 0;width:100%}input.title:focus{border-bottom-color:var(--accent);outline:none}.row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:3px 6px 3px 10px;font-size:13px;background:var(--bg);cursor:pointer;max-width:100%}.chip .dotc{width:9px;height:9px;border-radius:50%;flex:none}.chip .x{font-size:14px;padding:0 3px}.chip .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conf{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.conf button{border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:6px 0;cursor:pointer;font:500 13px var(--mono)}.conf button[aria-pressed=true]{color:#fff;border-color:transparent}.details{display:flex;flex-direction:column;gap:4px}.drow{display:flex;gap:4px;align-items:flex-start}.drow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:13px;flex:none}.drow input{flex:1;min-width:0;border:1px solid transparent;background:none;border-radius:6px;padding:5px 6px}.drow input:hover,.drow input:focus{border-color:var(--line);background:var(--bg)}.mini{border:1px solid var(--line);background:var(--surface);border-radius:5px;font-size:11.5px;padding:2px 6px;cursor:pointer;color:var(--muted);white-space:nowrap;margin-top:4px}.mini:hover,.mini[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.conns{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden}.conn{display:grid;grid-template-columns:1fr auto auto;gap:4px 8px;align-items:center;padding:8px 10px;border-top:1px solid var(--line)}.conn:first-child{border-top:0}.conn .who{cursor:pointer;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;border:0;background:none;text-align:left;padding:0}.conn .who:hover{color:var(--accent)}.conn .lbl{grid-column:1 / -1;display:flex;gap:8px;align-items:center}.conn .lbl input{flex:1;min-width:0;border:0;background:none;padding:0;font:12px var(--mono);color:var(--accent)}.conn small{grid-column:1 / -1;color:var(--muted);font-size:12px}.str{display:inline-flex;gap:3px}.str button{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--edge);background:none;padding:0;cursor:pointer}.str button.on{background:var(--edge)}.err{color:var(--danger);font-size:13px}.ok{color:var(--c5);font-size:13px}.empty{color:var(--muted);font-size:13px;padding:10px;border:1px dashed var(--line);border-radius:8px}.quiz{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.quiz .q{font-weight:500}.score{font:700 15px var(--mono)}.list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden}.li{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:0;border-top:1px solid var(--line);cursor:pointer;background:none;text-align:left;width:100%}.li:first-child{border-top:0}.li:hover{background:var(--bg)}.li .grow{flex:1;min-width:0}.li small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:2px}.pip{width:10px;height:10px;border-radius:50%;flex:none;margin-top:5px}.stepno{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:600 11px/22px var(--mono);text-align:center}.risk{flex:none;font:600 11px var(--mono);border-radius:4px;padding:1px 6px;color:#fff;margin-top:2px}.tag{font:500 10.5px var(--mono);color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:0 4px;margin-left:6px;vertical-align:1px}.overlay{position:fixed;inset:0;background:#080a1480;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;width:min(460px,100%);max-height:calc(100% - 32px);overflow:auto;display:flex;flex-direction:column;gap:12px}.dialog h2{font:700 20px var(--display);margin:0}.dialog>*{flex-shrink:0}.dialog>.seg{align-self:flex-start;max-width:100%;overflow-x:auto}.chk{display:flex;gap:8px;align-items:center;font-size:13px}.note{font-size:12.5px;color:var(--muted);background:var(--bg);border-radius:8px;padding:10px 12px;border:1px solid var(--line)}.note code{font:12px var(--mono);color:var(--ink)}.notesview{position:fixed;inset:0;z-index:15;background:var(--bg);display:flex;flex-direction:column}.nv-bar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding-block:10px;border-bottom:1px solid var(--line);background:var(--surface);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-top:calc(10px + env(safe-area-inset-top,0px))}.nv-bar h2{font:700 18px var(--display);margin:0 6px 0 0}.nv-scroll{overflow:auto;flex:1;padding-block:28px calc(40px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.nv-doc{max-width:72ch;margin:0 auto;font-size:15.5px;line-height:1.65}.nv-doc h1{font:700 32px/1.15 var(--display);margin:0 0 6px;text-wrap:balance}.nv-doc h2{font:700 24px/1.2 var(--display);margin:36px 0 6px;text-wrap:balance}.nv-doc h3{font:700 19px/1.25 var(--display);margin:28px 0 4px}.nv-doc h4{font:600 16px/1.3 var(--body);margin:22px 0 4px}.nv-doc h2 button,.nv-doc h3 button,.nv-doc h4 button{all:unset;cursor:pointer}.nv-doc h2 button:hover,.nv-doc h3 button:hover,.nv-doc h4 button:hover{color:var(--accent)}.nv-doc p{margin:6px 0}.nv-doc ul{margin:6px 0;padding-left:22px}.nv-doc .meta{font:12px var(--mono);color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.nv-doc .pill{display:inline-flex;align-items:center;gap:6px;font:500 11.5px var(--mono);border:1px solid var(--line);border-radius:999px;padding:1px 9px;color:var(--muted)}.nv-doc .pill i{width:8px;height:8px;border-radius:50%}.nv-doc .why{font:12.5px var(--mono);color:var(--accent);margin:4px 0}.nv-doc .sub{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:12px 0 2px}.nv-doc .confuse{border-left:3px solid var(--c2);background:var(--surface);padding:8px 12px;border-radius:0 6px 6px 0;margin:10px 0;white-space:pre-wrap}.nv-doc .confuse b{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--c2);display:block}.nv-doc .missing{color:var(--muted);font-style:italic}.nv-doc .strength{font:500 11.5px var(--mono);color:var(--accent)}.nv-doc .guide{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:18px 0}.nv-doc .seeabove{color:var(--muted);font-size:14px}.nv-doc hr{border:0;border-top:1px solid var(--line);margin:36px 0 0}.nv-doc ol{padding-left:24px}@media(max-width:820px){.drawer{top:auto;left:0;width:auto;max-height:62%;border-left:0;border-top:1px solid var(--line);border-radius:14px 14px 0 0}.legend{display:none}input.search{width:150px}header.top{flex-wrap:wrap;gap:6px 10px}.tools{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:2px;scrollbar-width:none}.tools::-webkit-scrollbar{display:none}.tools>*{flex:none}.results{position:fixed;top:auto;left:16px;right:16px;width:auto}}.bigcount{font:700 40px/1 var(--display)}.recall-title{font:700 26px/1.15 var(--display);margin:2px 0 6px;text-wrap:balance}.reveal{margin:0}ul.reveal{padding-left:20px}.grades{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.grades button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 2px;border:1.5px solid var(--line);border-radius:7px;background:var(--bg);cursor:pointer;font-size:12.5px}.grades button small{font-size:10.5px;color:var(--muted)}.grades button:hover{background:var(--surface)}.grades button.suggested{box-shadow:0 0 0 2px var(--accent)}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.wday{display:flex;flex-direction:column;align-items:center;gap:2px}.wbar{height:48px;width:100%;max-width:26px;background:var(--sunk);border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.wbar span{width:100%;background:var(--accent);border-radius:4px 4px 0 0}.wnum{font:600 12px var(--mono);font-variant-numeric:tabular-nums}.wlab{font:11px var(--mono);color:var(--muted)}.todaybtn .n{display:inline-block;min-width:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:var(--c1);color:#fff;font:600 11px/18px var(--mono);text-align:center}.searchbox{position:relative}.results{position:absolute;top:calc(100% + 4px);left:0;width:min(360px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px -12px #0006;z-index:30;max-height:60vh;overflow:auto}.results button{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:8px 10px;cursor:pointer}.results button:first-child{border-top:0}.results button:hover,.results button.active{background:var(--accent-soft)}.results small{display:block;color:var(--muted);font-size:12px}.results .empty{border:0}.area{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.area summary{display:flex;gap:10px;align-items:center;padding:9px 10px;cursor:pointer;list-style:none}.area summary::-webkit-details-marker{display:none}.area summary:after{content:"▸";color:var(--muted);font-size:12px}.area[open] summary:after{content:"▾"}.area summary .grow{flex:1;min-width:0}.area summary small{display:block;color:var(--muted);font-size:12px}.areabar{flex:none;width:6px;height:34px;border-radius:3px;background:var(--sunk);display:flex;align-items:flex-end;overflow:hidden}.areabar span{display:block;width:100%;background:var(--c1)}.areabody{padding:0 10px 10px;display:flex;flex-direction:column;gap:8px}details.sec>summary{list-style:none}details.sec>summary::-webkit-details-marker{display:none}.dialog.wide{width:min(880px,100%)}.tune{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.tune-controls,.tune-preview{display:flex;flex-direction:column;gap:12px;min-width:0}.tune-preview{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px}.slider{display:grid;grid-template-columns:minmax(0,1fr) 120px 62px;gap:8px;align-items:center;font-size:13px}.slider input{width:100%;accent-color:var(--accent)}.slider b{font:500 12px var(--mono);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.pbar{display:inline-block;flex:none;width:46px;height:6px;border-radius:3px;background:var(--sunk);overflow:hidden;vertical-align:middle;margin-right:6px}.pbar span{display:block;height:100%;background:var(--accent)}.plist{display:flex;flex-direction:column;gap:2px;max-height:420px;overflow:auto}.prow{display:flex;gap:8px;align-items:flex-start;padding:6px 2px;border-top:1px solid var(--line);font-size:13px}.prow:first-child{border-top:0}.prow .grow{flex:1;min-width:0}.prow small{display:block;color:var(--muted);font-size:12px}.prow>.pbar{margin-top:6px}.parts{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11.5px;color:var(--muted);margin-top:2px}.parts .pbar{width:28px;height:5px}.searchbox{display:flex;gap:4px;align-items:center}.btn.gear{padding:5px 7px;display:inline-flex}@media(max-width:820px){.tune{grid-template-columns:1fr}.slider{grid-template-columns:minmax(0,1fr) 100px 54px}}.node .pin{fill:var(--muted)}.conn textarea.explain{grid-column:1 / -1;min-height:0;font-size:12.5px;padding:5px 8px;background:var(--bg)}.conn textarea.explain:placeholder-shown{border-style:dashed}.predict{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.predict .seg{align-self:flex-start;max-width:100%;overflow-x:auto}.calib{display:flex;flex-direction:column;gap:5px}.crow{display:grid;grid-template-columns:64px 1fr 74px;gap:8px;align-items:center;font-size:12.5px}.clab{color:var(--muted)}.cbar{position:relative;height:10px;background:var(--sunk);border-radius:5px}.cact{position:absolute;left:0;top:0;bottom:0;border-radius:5px}.cexp{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--ink);z-index:1}.nv-doc .mine{border-left:3px solid var(--accent);background:var(--surface);padding:8px 12px;border-radius:0 6px 6px 0;margin:10px 0;white-space:pre-wrap}.nv-doc .mine b{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);display:block}.recall-mine{border-left:3px solid var(--accent);padding-left:10px;display:flex;flex-direction:column;gap:6px}details.writeit>summary{cursor:pointer;font-size:13px;color:var(--muted);list-style:none}details.writeit>summary::-webkit-details-marker{display:none}details.writeit>summary:before{content:"▸ "}details.writeit[open]>summary:before{content:"▾ "}details.writeit[open]>summary{margin-bottom:6px}.btn .n{display:inline-block;min-width:18px;padding:0 5px;margin-left:6px;border-radius:999px;font:600 11px/18px var(--mono);text-align:center;background:var(--c1);color:#fff}.btn.primary .n{background:var(--accent-ink);color:var(--accent)}.btn[aria-pressed=true]:not(.primary){background:var(--accent-soft);border-color:var(--accent)}.menu{position:relative}.menu>.btn{display:inline-flex;align-items:center;gap:6px}.menupop{position:absolute;right:0;top:calc(100% + 6px);width:270px;max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px -16px #00000073;padding:6px;z-index:40;display:flex;flex-direction:column}.menupop button{text-align:left;border:0;background:none;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13.5px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}.menupop button:hover:not(:disabled){background:var(--accent-soft)}.menupop button:disabled{color:var(--muted);cursor:default}.menupop button small{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.mlab{font:500 10.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px 3px}.fl-tr{right:max(16px,env(safe-area-inset-right,0px));top:14px;flex-direction:column;align-items:flex-end}.fl-tr.shifted{right:396px}.fl-tl{right:auto;max-width:min(560px,calc(100% - 420px))}.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.stage{border:1px solid var(--line);border-radius:8px;padding:6px 7px;background:var(--bg);display:flex;flex-direction:column;gap:1px;min-width:0}.stage b{font:600 12.5px var(--display)}.stage small{font-size:10.5px;color:var(--muted);line-height:1.25}.stage.todo{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.stage.now{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.steps{display:flex;flex-direction:column;gap:8px}.step{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;background:var(--surface)}.step.first{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.step b{font:600 14.5px/1.3 var(--body)}.stagetag{align-self:flex-start;font:500 10.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:0 6px;border-radius:4px;color:var(--accent);background:var(--accent-soft)}.stagetag.recall{color:var(--c5);background:color-mix(in srgb,var(--c5) 14%,transparent)}.stagetag.fix{color:var(--c1);background:color-mix(in srgb,var(--c1) 12%,transparent)}.stagetag.connect{color:var(--h4);background:color-mix(in srgb,var(--h4) 14%,transparent)}.flash{animation:flash 1.4s ease-out}@keyframes flash{0%,30%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.flash{animation:none;outline:2px solid var(--accent)}}.welcome{width:min(560px,100%);gap:10px}.welcome h2{font-size:26px}.loopintro{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:4px;font-size:14px}.loopintro b{font-family:var(--display);margin-right:6px}@media(max-width:820px){.fl-tr{top:auto;bottom:calc(64px + env(safe-area-inset-bottom,0px));right:16px}.fl-tr.shifted{right:16px}.fl-tl{max-width:calc(100% - 32px)}.menupop{position:fixed;right:16px;left:16px;width:auto;top:110px}}body{-webkit-font-smoothing:antialiased}header.top{box-shadow:0 1px 0 var(--line),0 6px 18px -14px #00000040;border-bottom:0}.btn{transition:background-color .12s,border-color .12s,color .12s;display:inline-flex;align-items:center;gap:6px}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.zoom{display:inline-flex}.zoom .btn{border-radius:0;margin-left:-1px;min-width:32px;justify-content:center}.zoom .btn:first-child{border-radius:7px 0 0 7px;margin-left:0}.zoom .btn:last-child{border-radius:0 7px 7px 0}.fl-bl{right:max(16px,env(safe-area-inset-right,0px))}.fl-bl .status{margin-left:4px}@media(prefers-reduced-motion:no-preference){.drawer{animation:drawer-in .18s ease-out}@keyframes drawer-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}@media(max-width:820px){@keyframes drawer-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}}}.cp-head{position:sticky;top:-16px;z-index:2;margin:-16px -16px 0;padding:14px 16px 12px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.cp-where{display:flex;flex-wrap:wrap;gap:4px}.cp-where .chip{font-size:12px;padding:1px 8px}.cp-rate{display:flex;align-items:center;gap:10px}.cp-rate .conf{flex:0 0 auto;grid-template-columns:repeat(5,34px)}.cp-rate .conf button{padding:4px 0}.cp-word{min-width:0}.cp-due{margin-left:auto}.psec{border:1px solid var(--line);border-radius:10px;background:var(--surface)}.psec-head{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;padding:10px 12px;cursor:pointer;font:600 13px var(--body);color:var(--ink);text-align:left}.psec-head:hover{background:var(--bg);border-radius:10px}.psec-head .count{font:500 11px var(--mono);color:var(--muted);background:var(--sunk);border-radius:999px;padding:0 7px}.psec-head .chev{margin-left:auto;color:var(--muted);transition:transform .15s}.psec:not(.open) .chev{transform:rotate(-90deg)}.psec-body{padding:2px 12px 12px;display:flex;flex-direction:column;gap:14px}.cp-foot{justify-content:space-between;padding-top:4px}.hovercard{position:fixed;z-index:30;width:280px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px -14px #00000073;padding:10px 12px;display:flex;flex-direction:column;gap:4px;pointer-events:none;font-size:13px}.hovercard b{font:600 14px var(--display)}.hovercard small{color:var(--muted);font:11.5px var(--mono);display:flex;align-items:center;gap:4px}.hovercard small i{width:8px;height:8px;border-radius:50%;display:inline-block}@media(hover:none){.hovercard{display:none}}svg.web.linkmode,svg.web.linkmode .node{cursor:crosshair}.linking .draft{stroke:var(--accent);stroke-width:2.5;stroke-dasharray:6 5}.node.target .soma{stroke:var(--accent);stroke-width:5}.modebar{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:5;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:6px 8px 6px 16px;font-size:13px;display:flex;gap:10px;align-items:center;box-shadow:0 8px 20px -10px #0006}.modebar .btn{background:var(--accent-ink);color:var(--accent);border:0}.toast{position:fixed;left:50%;bottom:calc(64px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:50;background:var(--ink);color:var(--bg);border-radius:10px;padding:8px 8px 8px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 34px -12px #00000080;font-size:13.5px;max-width:calc(100vw - 32px)}.toast .btn{background:transparent;color:var(--bg);border-color:color-mix(in srgb,var(--bg) 40%,transparent)}.toast .x{color:color-mix(in srgb,var(--bg) 70%,transparent)}@media(prefers-reduced-motion:no-preference){.toast{animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}}table.keys{border-collapse:collapse;font-size:13.5px}table.keys td{padding:5px 8px;border-top:1px solid var(--line);vertical-align:top}table.keys tr:first-child td{border-top:0}kbd{font:500 12px var(--mono);background:var(--bg);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;white-space:nowrap}@media(max-width:820px){.modebar{top:10px;font-size:12px;width:calc(100% - 32px);justify-content:space-between}.cp-head{top:-16px}.fl-bl{flex-wrap:nowrap;overflow-x:auto}.fl-bl>*{flex:none}}.feedback-kinds{display:grid;grid-template-columns:1fr 1fr}.feedback-kinds button{border-top:1px solid var(--line)}.feedback-kinds button:nth-child(-n+2){border-top:0}.menupop button[aria-checked=true] small{color:var(--c5)}
