:root{color-scheme:light dark;--bg:#f7f7f8;--panel:#ffffff;--soft:#f3f4f6;--line:#d1d5db;--text:#111827;--muted:#4b5563;--sidebar:#f9fafb;--input:#ffffff;--summary:#f9fafb;--active-bg:#111827;--active-text:#ffffff}
@media (prefers-color-scheme: dark){:root{--bg:#060606;--panel:#111;--soft:#171717;--line:#2b2b2b;--text:#f5f5f5;--muted:#bdbdbd;--sidebar:#0b0b0b;--input:#000;--summary:#0d0d0d;--active-bg:#fff;--active-text:#000}}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}
#app{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar{padding:24px;border-right:1px solid var(--line);background:var(--sidebar)}.main{padding:24px}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:16px}.panel{padding:20px}.card{padding:16px;margin-top:16px}.muted{color:var(--muted);line-height:1.5}.stack{display:grid;gap:12px}.tabs,.summary,.grid2,.grid3,.books{display:grid;gap:10px}.tabs button,.version,.book,.pill,.action,.ghost{padding:12px 14px;border-radius:12px;border:1px solid var(--line)}.tabs button,.book,.ghost{background:transparent;color:var(--text)}.tabs .active,.version.active,.book.active,.pill.active,.action{background:var(--active-bg);color:var(--active-text)}.version{background:var(--summary);color:var(--text);text-align:left}.books{max-height:60vh;overflow:auto}.book{display:flex;justify-content:space-between;text-align:left}.summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:16px 0}.summary div{display:flex;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--summary)}.banner{margin-bottom:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.source,.chatbox,.textarea,.inline,.blank{background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:12px}.source,.chatbox{padding:12px;white-space:pre-wrap}.textarea{width:100%;min-height:120px;padding:12px}.inline{width:100%;padding:10px 12px}.chatbox{min-height:240px;max-height:320px;overflow:auto}.words,.choices,.stepper,.players{display:flex;flex-wrap:wrap;gap:8px}.word{padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:var(--soft)}.blank{padding:10px 12px;min-width:100px}.stepper{margin:16px 0}.pill{background:transparent}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.status{color:var(--muted)}.players .row{display:flex;justify-content:space-between;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.action-row{display:flex;gap:10px;flex-wrap:wrap}.grow{flex:1}.hidden{display:none}@media(max-width:960px){#app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}}