:root{--bg: #faf6ea;--panel: #fffdf6;--text: #1b2234;--muted: #6b7280;--accent: #223a70;--danger: #c03526;--good: #2d6a4f;--border: #e6dec5;--shadow: 0 1px 2px rgba(27,34,52,.05), 0 6px 18px rgba(27,34,52,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,sans-serif;background:var(--bg);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,rgba(30,41,59,.06) 1px,transparent 1.5px),radial-gradient(1px 1px at 70% 60%,rgba(30,41,59,.05) 1px,transparent 1.5px),radial-gradient(1px 1px at 40% 80%,rgba(30,41,59,.04) 1px,transparent 1.5px),linear-gradient(0deg,#ffffff4d,#ffffff4d);background-size:300px 300px,260px 260px,320px 320px,cover}header,footer{background:var(--panel);border-bottom:1px solid var(--border)}header:after{content:"";display:block;height:6px;background-image:radial-gradient(circle at 6px -2px,rgba(34,58,112,.22) 7px,transparent 7.5px),radial-gradient(circle at 18px -2px,rgba(34,58,112,.22) 7px,transparent 7.5px);background-size:24px 12px;background-repeat:repeat-x;opacity:.35}.container{max-width:1100px;margin:0 auto;padding:0 16px}header .bar{display:flex;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap}.title{font-weight:700;font-size:18px;margin-right:auto;letter-spacing:.02em;font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",Georgia,serif}select,button{padding:8px 10px;border:1px solid var(--border);background:#fffdfc;border-radius:10px;color:var(--text);cursor:pointer;transition:box-shadow .15s ease,transform .05s ease,background-color .15s ease,border-color .15s ease}select:focus,button:focus{outline:2px solid var(--accent);outline-offset:2px}button:hover{box-shadow:var(--shadow)}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.lang-toggle{border-radius:999px;padding-inline:14px}.layout{display:grid;grid-template-columns:1fr;gap:16px;padding:16px}@media (min-width: 900px){.layout{grid-template-columns:2fr 1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow);position:relative}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(at 20% 10%,rgba(34,58,112,.03),transparent 60%),radial-gradient(at 80% 90%,rgba(34,58,112,.025),transparent 55%)}.muted{color:var(--muted)}.story-text{font-size:18px;line-height:1.9;margin-bottom:16px;font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",ui-serif,Georgia,serif;letter-spacing:.01em}.story-art{margin:0 0 12px}.story-art img{display:block;max-width:100%;width:auto;height:auto;max-height:350px;border-radius:12px;border:1px solid var(--border);background:#fffdf8}.choices{display:grid;gap:10px}.choices button{text-align:left;padding:12px 14px;border-radius:12px;background:#fffdf8;border-color:#e9e1c9;position:relative}.choices button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);border-top-left-radius:12px;border-bottom-left-radius:12px;opacity:.75}.choices button:after{content:"▸";float:right;color:var(--muted)}.choices button:hover{border-color:#d8cba4;background:#fffbef}.choices button:active{background:#fcf6e7}.end-good{color:var(--good);font-weight:700}.end-bad{color:var(--danger);font-weight:700}.sidebar-section{margin-bottom:16px}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.notes{white-space:pre-wrap}@media (min-width: 900px){.sticky{position:sticky;top:72px;height:fit-content}}.progress{height:6px;background:#efe8d3;border:1px solid var(--border);border-radius:999px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#223a70,#415a9c);width:0%}footer{border-top:1px solid var(--border)}footer .container{padding:12px 0}@media (prefers-color-scheme: dark){:root{--bg: #0e1217;--panel: #0f141a;--text: #e5e7eb;--muted: #9aa4b2;--border: #1b2530;--shadow: 0 1px 2px rgba(0,0,0,.26), 0 8px 20px rgba(0,0,0,.4)}select,button{background:#0f141a;color:var(--text);border-color:#1b2530}.choices button{background:#0f141a;border-color:#1b2530}.choices button:hover{background:#0f151c}.choices button:active{background:#0e1319}.progress{background:#11151b}}.tree{list-style:none;padding-left:16px;margin:6px 0;border-left:2px solid var(--border)}.tree>li{margin:6px 0}.tree .choice{padding:4px 6px;border:1px solid var(--border);background:#fffdf8;border-radius:8px;display:inline-block}.tree li.visited .choice{border-color:#d8cba4;box-shadow:var(--shadow)}.tree li.unvisited .choice{opacity:.75}.kanji-highlight{font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,"Noto Serif JP",MS Mincho,SimSun,Georgia,serif;font-weight:700;font-size:26px;letter-spacing:.08em;color:var(--accent);text-shadow:0 1px 0 rgba(255,255,255,.7);line-height:1}