:root{--paper: #faf6ee;--card: #ffffff;--ink: #2b2620;--faded: #7a7263;--line: #e3dccc;--accent: #8a4b2d;--accent-ink: #ffffff;--good: #2f7a3d;--bad: #b8232f;--warn-bg: #fff3d6;--warn-ink: #7a5b00;--code-bg: #f4efe4;--dim: .55;--pb1: #288e9e;--pb2: #2a68da;--pb3: #8c36d2;--pb4: #e042b2;--pb5: #d6142a;--pb6: #ca7600;--pb7: #9a9800;--pb8: #008400;--pc1: #1e7a88;--pc2: #1e50b8;--pc3: #7228b2;--pc4: #c02c9e;--pc5: #b8081c;--pc6: #aa5e00;--pc7: #7e7c00;--pc8: #006800;--pcm: #808080;--phc: #383838}@media(prefers-color-scheme:dark){:root{--paper: #1e1b16;--card: #27231d;--ink: #e8e2d4;--faded: #9c9484;--line: #3a342a;--accent: #d98d5f;--accent-ink: #241505;--good: #6fbf7d;--bad: #ef7b84;--warn-bg: #3a3212;--warn-ink: #e8cf7a;--code-bg: #211d17;--pb1: #8dd8d8;--pb2: #83abf6;--pb3: #b48bf6;--pb4: #f5b2d2;--pb5: #f46776;--pb6: #efa455;--pb7: #d6d66b;--pb8: #65b64e;--pc1: #6ac8c8;--pc2: #6493f2;--pc3: #b26ce8;--pc4: #e88ed5;--pc5: #e4405e;--pc6: #e69036;--pc7: #c5c24b;--pc8: #4e9e2e;--pcm: #888888;--phc: #cccccc}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,Segoe UI,system-ui,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:Georgia,Times New Roman,serif;line-height:1.2;margin:0 0 .4rem}.shell{max-width:44rem;margin:0 auto;padding:0 1rem 4rem}.topbar{display:flex;align-items:center;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line);margin-bottom:1.2rem}.brand{font-family:Georgia,serif;font-size:1.35rem;font-weight:700;color:var(--ink)}.brand:hover{text-decoration:none}.spacer{flex:1}.whoami{color:var(--faded);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;max-width:8rem;white-space:nowrap}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.5rem 1.1rem;border-radius:.6rem;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:1rem;font-family:inherit;cursor:pointer}button:hover,.btn:hover{border-color:var(--accent);text-decoration:none}button:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn-small{min-height:2.25rem;padding:.25rem .8rem;font-size:.9rem}.btn-icon{min-width:2.75rem;padding:.4rem;font-size:1.2rem}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.btn-row>*{flex:1 1 auto}@media(min-width:30rem){.btn-row>*{flex:0 1 auto}}input[type=text],input[type=search],input[type=password]{width:100%;min-height:2.75rem;padding:.5rem .9rem;border-radius:.6rem;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:1rem;font-family:inherit}input:focus{outline:2px solid var(--accent);outline-offset:1px}.search{margin-bottom:1rem}.cards{display:grid;gap:.8rem;grid-template-columns:1fr}@media(min-width:38rem){.cards{grid-template-columns:1fr 1fr}}.card{display:block;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:.6rem;padding:.9rem 1rem;color:var(--ink)}.card:hover{text-decoration:none;border-color:var(--accent)}.card h3{margin:0;font-size:1.1rem}.card .meta{color:var(--faded);font-size:.85rem;display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.15rem}.card .blurb{margin:.4rem 0 0;font-size:.92rem}.vtag{color:var(--accent);font-weight:600}.draft-tag{color:var(--warn-ink);background:var(--warn-bg);border-radius:.4rem;padding:0 .4rem;font-size:.8rem}.book-head h1{margin-bottom:.1rem}.byline{color:var(--faded);margin:0 0 .6rem}.lineage{font-size:.9rem;color:var(--faded);margin:.5rem 0}.section{margin-top:1.8rem}.section>h2{font-size:1.15rem;border-bottom:1px solid var(--line);padding-bottom:.3rem}.fork-row{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px dotted var(--line);flex-wrap:wrap}.fork-row .who{flex:1 1 10rem;min-width:0}.version-list{list-style:none;padding:0;margin:0;color:var(--faded);font-size:.9rem}.version-list li{padding:.15rem 0}.merge-panel{margin-top:.8rem;border:1px solid var(--line);border-radius:.6rem;background:var(--card);padding:.8rem 1rem}.merge-ok{color:var(--good);font-weight:600}.merge-bad{color:var(--bad);font-weight:600}.conflict{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.6rem}.conflict h4{margin:0 0 .4rem;font-family:inherit}.conflict .side{margin-bottom:.6rem}.conflict .side b{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--faded)}.unit{margin:1rem 0;border:1px solid var(--line);border-radius:.6rem;background:var(--card);overflow:hidden}.unit-bar{display:flex;align-items:center;gap:.6rem;padding:.4rem .75rem;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--faded)}.unit-bar .spacer{flex:1}.kind-tag{text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.stale-tag{color:var(--warn-ink);background:var(--warn-bg);border-radius:.4rem;padding:.05rem .45rem;font-size:.78rem;white-space:nowrap}pre.code{margin:0;padding:.75rem .9rem;background:var(--code-bg);overflow-x:auto;font-size:.85rem;line-height:1.45;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;tab-size:2}pre.code.js{opacity:var(--dim);border-top:1px dashed var(--line)}.cm{color:var(--pcm)}.hc{color:var(--phc);font-weight:600}.st{color:var(--pcm)}.b1{color:var(--pb1)}.b2{color:var(--pb2)}.b3{color:var(--pb3)}.b4{color:var(--pb4)}.b5{color:var(--pb5)}.b6{color:var(--pb6)}.b7{color:var(--pb7)}.b8{color:var(--pb8)}.c1{color:var(--pc1)}.c2{color:var(--pc2)}.c3{color:var(--pc3)}.c4{color:var(--pc4)}.c5{color:var(--pc5)}.c6{color:var(--pc6)}.c7{color:var(--pc7)}.c8{color:var(--pc8)}.play-wrap{position:relative;border:1px solid var(--line);border-radius:.6rem;overflow:hidden;background:#000}.play-frame{display:block;width:100%;height:70vh;min-height:20rem;border:0;background:#fff}.play-status{color:var(--faded);font-size:.85rem;margin:.5rem 0}.banner{border-radius:.6rem;padding:.6rem .9rem;margin:.6rem 0;font-size:.9rem}.banner.error{background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-ink)}.banner.info{background:var(--card);border:1px solid var(--line);color:var(--faded)}.toast{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%);background:var(--ink);color:var(--paper);border-radius:2rem;padding:.5rem 1.1rem;font-size:.9rem;box-shadow:0 4px 16px #0000004d;z-index:10}.settings{border:1px solid var(--line);background:var(--card);border-radius:.6rem;padding:.9rem 1rem;margin-bottom:1.2rem}.settings label{display:block;font-size:.85rem;color:var(--faded);margin-bottom:.3rem}.settings .row{display:flex;gap:.6rem}.settings .row input{flex:1;min-width:0}.mock-note{color:var(--faded);font-size:.8rem;text-align:center;margin-top:2rem}.empty{color:var(--faded);padding:1.5rem 0;text-align:center}.error-note{color:var(--bad);padding:1rem 0}.modal-back{position:fixed;inset:0;z-index:20;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:0}.modal{background:var(--card);border:1px solid var(--line);border-radius:.6rem .6rem 0 0;padding:1rem;width:100%;max-height:92vh;overflow-y:auto}.modal-top{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.4rem}.modal-top h2{flex:1;min-width:0;margin:0;font-size:1.15rem}.modal-top .btn-icon{flex:none}.modal .steps{margin:0;padding-left:1.2rem}.modal .steps li{margin-top:1rem;line-height:1.5}.modal .hint{color:var(--faded);font-size:.85rem;margin:.4rem 0 0}.modal .row{display:flex;gap:.6rem;margin-top:.5rem}.modal .row input{flex:1;min-width:0}.cmd{display:flex;align-items:center;gap:.6rem;margin-top:.5rem}.cmd code{flex:1;min-width:0;overflow-x:auto;white-space:pre;background:var(--code-bg);border:1px solid var(--line);border-radius:.6rem;padding:.5rem .6rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.8rem}.cmd .btn-small{flex:none}@media(min-width:30rem){.modal-back{align-items:center;padding:1.2rem}.modal{border-radius:.6rem;padding:1.4rem;max-width:34rem}}