:root{--gold: #ffc24b;--ink: #eaf2ff;--label: rgba(214, 230, 255, .78);--line: rgba(150, 180, 220, .22);--srf1: rgba(20, 34, 50, .97);--srf2: rgba(8, 16, 26, .97)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--srf2);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;font-size:14px}bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--srf1);flex:0 0 auto}bar .title{color:var(--gold);font-weight:700;letter-spacing:.02em;margin-right:4px}bar .title .title-sub{color:var(--label);font-weight:600;font-size:.84em;letter-spacing:0}bar .sp{flex:1}bar .status{color:var(--label);font-size:12px}bar .status[data-busy="1"]{color:var(--gold)}.btn{appearance:none;border:1px solid rgba(255,194,75,.45);background:#ffc24b1f;color:var(--gold);font:inherit;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer}.btn:hover:not(:disabled){background:#ffc24b33}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{border-color:var(--line);background:#ffffff0a;color:var(--ink)}.btn.ghost:hover:not(:disabled){border-color:var(--gold);background:#ffffff17}.btn.run{background:var(--gold);color:#1a1206;border-color:var(--gold)}main{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:250px 1fr;grid-template-rows:1fr .9fr}.files{grid-row:1 / span 2;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--srf1)}.files .fh{padding:8px 12px;color:var(--label);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px}.files .fh .sp{flex:1}.files .fh button{border:1px solid var(--line);background:#ffffff0a;color:var(--ink);border-radius:6px;width:24px;height:24px;cursor:pointer;font-size:14px;line-height:1}.files .fh button:hover{border-color:var(--gold)}#tree{list-style:none;margin:0;padding:6px 6px 12px;overflow:auto;flex:1;min-height:0}#tree ul{list-style:none;margin:0;padding:0}#tree .kids{margin-left:8px;padding-left:14px;border-left:1px solid rgba(150,180,220,.15)}#tree .row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:7px;cursor:pointer;color:var(--ink);font-size:13px;white-space:nowrap}#tree .row:hover{background:#ffffff0f}#tree .row.sel{background:#ffc24b2e}#tree .row .ic{flex:none;width:14px;text-align:center;opacity:.85;font-size:11px}#tree .row .nm{flex:1;overflow:hidden;text-overflow:ellipsis}#tree .row .x{flex:none;border:0;background:transparent;color:var(--label);cursor:pointer;font-size:13px;opacity:0;padding:0 3px}#tree .row:hover .x{opacity:1}#tree .row .x:hover{color:#ff8a8a}.editor{grid-column:2;grid-row:1;min-height:0;display:flex;flex-direction:column}.editor .eh{padding:6px 12px;color:var(--label);font-size:11px;letter-spacing:.06em;background:var(--srf1);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.editor .eh .path{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor .eh .sp{flex:1}#code{flex:1 1 auto;resize:none;width:100%;min-height:0;border:0;outline:none;padding:12px;background:var(--srf2);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55;tab-size:4}.hint{padding:4px 12px;color:var(--label);font-size:11px;background:var(--srf1);border-top:1px solid var(--line)}.out{grid-column:2;grid-row:2;min-height:0;display:flex;flex-direction:column}.out .oh{padding:6px 12px;color:var(--label);font-size:11px;letter-spacing:.06em;background:var(--srf1);border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.out .oh .sp{flex:1}#out{flex:1 1 auto;min-height:0;margin:0;overflow:auto;padding:12px;background:#03070c;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}#out .err{color:#ff8a8a}#out .ok{color:#7ee0a1}#webout{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 20px;background:#fff;color:#1d1d1f;display:none}#webout h1{margin-top:0}#webout a{color:#0a6dff}.modes{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:#ffffff0d;border:1px solid var(--line)}.mode{appearance:none;border:0;background:transparent;color:var(--label);font:inherit;font-weight:600;font-size:12px;padding:5px 13px;border-radius:8px;cursor:pointer}.mode.on{background:var(--gold);color:#1a1206}.mode.locked{opacity:.55}.mode.locked:after{content:" 🔒";font-size:.85em}body[data-mode=book] .codeonly,body[data-mode=book] #ide,body[data-mode=code] #book{display:none}#book{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative;background:var(--srf2)}.btop{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--srf1)}.btop .btitle{flex:1;text-align:center;color:var(--ink);font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btop .bprog{color:var(--label);font-size:12px;white-space:nowrap}.mini{appearance:none;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);font:inherit;font-size:12px;font-weight:600;padding:6px 11px;border-radius:9px;cursor:pointer;white-space:nowrap}.mini:hover{border-color:var(--gold)}.bstage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}#book .bpage{padding:26px clamp(18px,4.4vw,52px) 12px}#book .bpage>*{margin-left:auto;margin-right:auto}.bnav{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);background:var(--srf1)}.bnav .bsp{flex:1}.bnav button{appearance:none;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;padding:8px 15px;border-radius:10px;cursor:pointer}.bnav button:hover:not(:disabled){border-color:var(--gold)}.bnav button:disabled{opacity:.35;cursor:default}#book .bpage[data-cover="1"]{flex:1 1 auto}#book .bpage[data-cover="1"].on{display:flex;padding:0}.bp-cover{width:100%;height:100%;max-width:none;padding:34px 28px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;background:radial-gradient(120% 70% at 50% 18%,#ffc24b2e,#08101a00 62%),linear-gradient(160deg,#0b2036,#070f19)}.bp-cover-orb{width:clamp(72px,16%,104px);filter:drop-shadow(0 12px 30px rgba(80,120,255,.45));margin-top:8px}.bp-cover-main h1{font-size:clamp(2rem,6.4vw,3rem);margin:0 0 12px;color:var(--ink);letter-spacing:-.02em;line-height:1.05}.bp-cover-sub{color:var(--label);font-size:1rem;max-width:32ch;margin:0 auto 20px}.bp-cover-author{color:var(--gold);font-weight:700;letter-spacing:.02em;margin:0}.bp-cover-imprint{color:var(--label);font-size:.82rem}.bp-titlepage{max-width:560px;margin:5vh auto 0;text-align:center;padding:8px}.bp-titlepage h1{font-size:clamp(1.9rem,5vw,2.7rem);margin:8px 0 6px}.bp-tp-sub{font-size:1.15rem;color:var(--label);margin:0 0 22px}.bp-tp-line{color:var(--label);max-width:46ch;margin:0 auto 28px}.bp-tp-kicker{color:var(--gold);letter-spacing:.18em;font-size:.72rem;text-transform:uppercase}.bp-tp-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px;text-align:left;max-width:440px;margin:0 auto;border-top:1px solid var(--line);padding-top:22px}.bp-tp-meta span{display:block;color:var(--label);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}.bp-tp-meta b{color:var(--ink);font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cbar{display:flex;gap:8px;margin:0 0 8px}.cbar button{appearance:none;font:inherit;font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:8px;cursor:pointer;color:var(--ink);background:#ffffff0f;border:1px solid var(--line)}.cbar button:hover{border-color:var(--gold)}.cbar button.run{background:var(--gold);color:#1a1206;border-color:var(--gold)}.cbar button:disabled{opacity:.5;cursor:default}.bout{margin:0 0 16px;padding:10px 12px;border-radius:10px;background:#03070c;border:1px solid rgba(150,180,220,.18);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:340px;overflow:auto}.bout .err{color:#ff8a8a}.bout .ok{color:#7ee0a1}.bprev{margin:0 0 16px;border-radius:10px;background:#fff;color:#1d1d1f;padding:14px 16px;font-size:.95rem}.bprev a{color:#0a6dff}.wpane pre{position:relative}.blocked{max-width:520px;margin:6vh auto 0;text-align:center;padding:24px}.blocked .lk{font-size:40px;line-height:1;margin-bottom:6px}.blocked h2{justify-content:center}.blocked p{color:var(--label)}#book .bpage .blocked{display:none}#book .bpage.locked>.blocked{display:block}#book .bpage.locked>*:not(.blocked){display:none}.buy-cta{max-width:780px;margin:22px auto 6px;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,205,100,.35);background:linear-gradient(180deg,#ffd7781f,#ffd77808);text-align:center}.buy-cta p{margin:0 0 12px;color:var(--ink)}.buy-cta button{appearance:none;font:inherit;font-weight:700;cursor:pointer;padding:10px 18px;border-radius:10px;border:1px solid var(--gold);background:var(--gold);color:#1a1206}.buy-cta button:disabled{opacity:.5;cursor:default}.bpanel{position:absolute;inset:0;z-index:30;display:flex;justify-content:flex-end;background:#03070cb8}.bpanel[hidden]{display:none}.bpanel-in{position:relative;width:min(380px,88%);height:100%;overflow-y:auto;background:var(--srf1);border-left:1px solid var(--line);padding:18px 20px 48px}.bpanel-in h2{margin:0 0 12px;font-size:1.1rem;color:var(--ink)}.bpanel-x{position:absolute;top:14px;right:16px;border:0;background:transparent;color:var(--label);font-size:16px;cursor:pointer}#bpanel-list{list-style:none;margin:0;padding:0}#bpanel-list li{padding:7px 8px;border-radius:8px;cursor:pointer;color:var(--ink);font-size:.88rem;display:flex;gap:8px;align-items:baseline}#bpanel-list li:hover{background:#ffffff0f}#bpanel-list li.on{background:#ffc24b29}#bpanel-list li .n{color:var(--label);font-size:.76rem;min-width:22px}#bpanel-list li.part{color:var(--gold);font-weight:700;cursor:default;margin-top:12px}#bpanel-list li.part:hover{background:transparent}#bpanel-list li .lk2{margin-left:auto;font-size:.78rem}.wpane blockquote.warn{border-left-color:#6aa9ff;border-color:#6aa9ff59;background:linear-gradient(180deg,#6aa9ff1f,#6aa9ff08)}.wpane blockquote.warn:before{content:"⚙";color:#6aa9ff;font-size:1.5rem;top:12px;left:15px;font-family:inherit;font-style:normal}.wpane details{border:1px solid var(--line);border-radius:12px;padding:8px 14px;background:#ffffff08}.wpane summary{cursor:pointer;color:var(--gold);font-weight:700}.wpane details[open] summary{margin-bottom:8px}