:root{--c-washi: #FAF7F2;--c-washi-sql: #F0EBE0;--c-sumi: #3D2E1E;--c-kasumi: #6B5D4F;--c-shu: #8B3A3A;--c-shu-deep: #74302F;--c-cha: #7A5C3A;--c-cha-soft: rgba(122, 92, 58, .28);--c-koke: #5A7052;--f-serif: "Noto Serif JP", serif;--f-sans: "Noto Sans JP", sans-serif;--f-mono: "Source Code Pro", monospace;--t-body: 16px;--lh-body: 1.8;--t-h1: 28px;--lh-h1: 1.5;--t-h2: 20px;--lh-h2: 1.5;--t-sql: 14px;--lh-sql: 1.6;--t-label: 13px;--lh-label: 1.4;--s-1: 8px;--s-2: 16px;--s-3: 24px;--s-4: 32px;--s-6: 48px;--r-sm: 4px;--r-md: 6px;--shadow-card: 0 1px 2px rgba(61,46,30,.06), 0 2px 8px rgba(61,46,30,.05);--shadow-hover: 0 2px 4px rgba(61,46,30,.08), 0 8px 18px rgba(61,46,30,.1);--shadow-press: 0 1px 2px rgba(61,46,30,.1);--w-max: 640px;--ease: cubic-bezier(.4, .1, .2, 1);--dur-fade: .26s}:root{--washi-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--f-serif);color:var(--c-sumi);background:var(--c-washi);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.paper-ground{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 95% at 80% -8%,#d6b67838,#d6b67800 52%),radial-gradient(80% 60% at 12% 108%,#7a5c3a1a,#7a5c3a00 60%),linear-gradient(165deg,var(--c-washi) 0%,var(--c-washi-sql) 120%);z-index:-2}.paper-ground:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--washi-noise);background-size:200px 200px;opacity:.2;mix-blend-mode:multiply}.paper-ground:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(closest-side,rgba(122,92,58,.08),transparent) 22% 30%/120px 120px no-repeat,radial-gradient(closest-side,rgba(139,58,58,.05),transparent) 78% 66%/90px 90px no-repeat,radial-gradient(closest-side,rgba(122,92,58,.06),transparent) 64% 18%/70px 70px no-repeat}::selection{background:#8b3a3a2e}.stage{position:relative;min-height:100vh;display:flex;justify-content:center}.frame{width:100%;max-width:var(--w-max);padding:var(--s-4) var(--s-3) var(--s-6)}.epilogue-stage{align-items:center}.afterglow-mark{margin-top:var(--s-6);font-family:var(--f-serif);font-size:17px;letter-spacing:.5em;color:var(--c-shu);padding-left:.5em}@media (max-width: 420px){.frame{padding:var(--s-3) var(--s-2) var(--s-4)}}.xfade{animation:xfade var(--dur-fade) var(--ease)}@keyframes xfade{0%{transform:translateY(8px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.xfade{animation:none}}.chapline{display:flex;align-items:baseline;gap:var(--s-2);font-family:var(--f-sans);font-size:var(--t-label);letter-spacing:.22em;color:var(--c-cha);margin-bottom:var(--s-3)}.chapline .mon{color:var(--c-kasumi);margin-left:auto}.textbox{position:relative;padding:var(--s-3) var(--s-3) calc(var(--s-3) + 4px);background:#ffffff73;border-top:1px solid var(--c-cha-soft);border-bottom:1px solid var(--c-cha-soft)}.textbox:before,.textbox:after{content:"";position:absolute;left:var(--s-3);right:var(--s-3);height:1px;background:var(--c-cha);opacity:.55}.textbox:before{top:3px}.textbox:after{bottom:3px}.textbox .speaker{font-family:var(--f-sans);font-size:12px;letter-spacing:.2em;color:var(--c-shu);margin-bottom:var(--s-1)}.textbox .body{font-size:var(--t-body);line-height:var(--lh-body);letter-spacing:.03em;margin:0;text-wrap:pretty;white-space:pre-line}.tw-caret{display:inline-block;margin-left:4px;color:var(--c-shu);animation:caretBlink 1s steps(2,start) infinite}@keyframes caretBlink{50%{opacity:0}}.tw-clickhint{font-family:var(--f-sans);font-size:11px;letter-spacing:.2em;color:var(--c-kasumi);opacity:.7;margin-top:var(--s-1)}.sqlblock-label{display:flex;align-items:center;justify-content:space-between;font-family:var(--f-sans);font-size:11px;letter-spacing:.22em;color:var(--c-kasumi);margin:0 0 6px 2px}.sqlblock-label>span{opacity:.7}.hint-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-family:var(--f-sans);font-size:12px;letter-spacing:.12em;color:var(--c-shu);padding:2px 4px;transition:color .14s var(--ease),opacity .14s var(--ease)}.hint-link:hover{color:var(--c-shu-deep)}.hint-link:active{opacity:.7}.sqlpanel{background:#ede5d0;border:1px solid var(--c-cha-soft);border-left:3px solid var(--c-cha-soft);border-radius:var(--r-md);padding:var(--s-2) var(--s-3)}.sqlpanel pre{margin:0;font-family:var(--f-mono);font-size:15px;line-height:1.85;color:var(--c-sumi);white-space:pre-wrap;word-break:break-word;-moz-tab-size:2;tab-size:2}.sql-kw{color:var(--c-shu);font-weight:600}.sql-str{color:var(--c-koke)}.sql-num{color:var(--c-cha)}.sql-ph{display:inline-block;border-radius:3px;padding:1px 7px;font-weight:500;border:1px dashed var(--c-kasumi);color:var(--c-kasumi);background:#6b5d4f12}.sql-ph.filled{border:1px solid var(--c-shu);color:#fff;background:var(--c-shu);animation:sqlFill .32s var(--ease)}@keyframes sqlFill{0%{transform:translateY(-2px)}to{transform:translateY(0)}}.choices{display:grid;grid-template-columns:1fr;gap:var(--s-2)}@media (min-width: 480px){.choices.two{grid-template-columns:1fr 1fr}}.choices.grid{grid-template-columns:1fr 1fr}.qgroup .q-head{display:block;font-family:var(--f-serif);font-size:17px;line-height:1.6;letter-spacing:.04em;color:var(--c-shu);font-weight:500;margin-bottom:var(--s-2)}.choice{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:var(--s-2) var(--s-3);min-height:64px;justify-content:center;font-family:var(--f-serif);color:var(--c-sumi);background:#ffffffa6;border:1px solid var(--c-cha-soft);border-radius:var(--r-md);box-shadow:var(--shadow-card);transition:transform .16s var(--ease),box-shadow .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease)}.choice:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--c-cha)}.choice:active{transform:translateY(0) scale(.985);box-shadow:var(--shadow-press)}.choice .kw{font-family:var(--f-mono);font-size:15px;font-weight:600;letter-spacing:.04em}.choice .kw.ja{font-family:var(--f-serif);font-size:16px;font-weight:500}.choice .sub{font-size:13px;color:var(--c-kasumi);letter-spacing:.03em}.choice.selected{border-color:var(--c-shu);background:#8b3a3a0f;box-shadow:0 0 0 1px var(--c-shu) inset,var(--shadow-card)}.choice.selected .sub{color:var(--c-sumi)}.choice.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-md);box-shadow:0 0 #8b3a3a80;animation:choiceGlow .52s var(--ease);pointer-events:none}@keyframes choiceGlow{0%{box-shadow:0 0 #8b3a3a73}to{box-shadow:0 0 0 12px #8b3a3a00}}.btn-row{display:flex;gap:var(--s-2)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--f-serif);font-size:15px;letter-spacing:.18em;font-weight:500;padding:13px 24px;border-radius:var(--r-md);white-space:nowrap;transition:transform .12s var(--ease),box-shadow .12s var(--ease),background .16s var(--ease),border-color .16s var(--ease),opacity .16s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--c-shu);color:#fbf3e8;border:1px solid var(--c-shu);box-shadow:var(--shadow-card)}.btn-primary:hover{background:var(--c-shu-deep);box-shadow:var(--shadow-hover)}.btn-primary:active{box-shadow:var(--shadow-press)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--c-shu);border:1px solid var(--c-cha)}.btn-secondary:hover{border-color:var(--c-shu);background:#8b3a3a0a}.result{border:1px solid var(--c-cha-soft);border-radius:var(--r-md);background:#ffffff80;padding:var(--s-2) var(--s-3) var(--s-1)}.result .cap{font-family:var(--f-sans);font-size:12px;letter-spacing:.2em;color:var(--c-kasumi);margin-bottom:var(--s-1)}.result .sql-echo{margin:0 0 var(--s-2);padding:var(--s-2) var(--s-3);background:#ede5d0;border:1px solid var(--c-cha-soft);border-left:3px solid var(--c-cha-soft);border-radius:var(--r-sm);font-family:var(--f-mono);font-size:13px;line-height:1.7;color:var(--c-sumi);white-space:pre-wrap;word-break:break-word}.result .sql-echo .sql-kw{color:var(--c-shu);font-weight:600}.result .sql-echo .sql-str{color:var(--c-koke)}.result .sql-echo .sql-num{color:var(--c-cha)}.result .cap b{color:var(--c-koke);font-weight:600}.tbl-scroll{max-height:300px;overflow:auto}table.tbl{width:100%;border-collapse:collapse;font-size:14px}table.tbl th{text-align:left;font-family:var(--f-sans);font-weight:500;font-size:12.5px;letter-spacing:.1em;color:var(--c-kasumi);padding:8px 10px;background:#eae1cf;border-bottom:1.5px solid var(--c-cha);position:sticky;top:0;z-index:1}table.tbl td{padding:9px 10px;border-bottom:1px solid var(--c-cha-soft);color:var(--c-sumi);letter-spacing:.02em}table.tbl td.num{font-family:var(--f-mono);font-size:13px}table.tbl tr:nth-child(2n) td{background:#7a5c3a0d}table.tbl td.empty{text-align:center;color:var(--c-kasumi);padding:22px 10px;font-size:14px;letter-spacing:.04em;background:transparent!important}.aside-line{display:flex;gap:10px;align-items:flex-start;padding-left:4px}.aside-line .mark{color:var(--c-shu);font-size:16px;line-height:1.4}.aside-line p{margin:0;font-size:14px;color:var(--c-kasumi);line-height:1.9;letter-spacing:.04em;font-style:italic}.monologue{margin:var(--s-3) auto 0;max-width:30em;padding:var(--s-6) var(--s-3) var(--s-3);border-top:1px solid var(--c-cha-soft);text-align:center;cursor:pointer}.monologue .mono-body{margin:0 auto;max-width:22em;font-size:18px;line-height:2;letter-spacing:.06em;color:#2a1e10;text-wrap:pretty;white-space:pre-line;text-align:left;display:grid}.monologue .mono-body>.mono-ghost,.monologue .mono-body>.mono-text{grid-column:1;grid-row:1;white-space:pre-line}.monologue .mono-body>.mono-ghost{visibility:hidden}.mono-em{font-style:normal;color:var(--c-shu);font-weight:700}.monologue .tw-clickhint{text-align:center;margin-top:var(--s-2)}.mono-appear{animation:monoAppear .9s var(--ease)}@keyframes monoAppear{0%{transform:translateY(10px)}to{transform:translateY(0)}}.supplement{display:flex;gap:10px;align-items:flex-start;max-width:32em;margin:var(--s-3) auto 0;padding-top:var(--s-3);border-top:1px solid var(--c-cha-soft)}.supplement .mk{color:var(--c-cha);font-size:17px;line-height:1.7;flex-shrink:0}.supplement p{margin:0;font-size:15px;line-height:1.9;letter-spacing:.03em;color:var(--c-kasumi);text-wrap:pretty}.portrait{width:132px;margin:0 auto;padding:10px;background:#efe6d4;border:1px solid var(--c-cha);box-shadow:var(--shadow-card),inset 0 0 0 4px #e3d6bd}.portrait .photo{aspect-ratio:3/4;background:linear-gradient(180deg,#5a3c1e2e,#5a3c1e6b),repeating-linear-gradient(135deg,#b59a6e 0,#b59a6e 8px,#a98e62 8px,#a98e62 16px);display:grid;place-items:center;text-align:center;filter:sepia(.5)}.portrait .photo img{width:100%;height:100%;object-fit:cover;display:block}.portrait .cap{font-family:var(--f-sans);font-size:11px;letter-spacing:.2em;color:var(--c-kasumi);text-align:center;margin-top:8px}.decision{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--s-6)}.decision .q{width:min(22em,100%);margin:auto auto var(--s-6);text-align:left;font-size:21px;line-height:2;letter-spacing:.06em;color:var(--c-sumi);text-wrap:pretty;white-space:pre-line;min-height:2.6em}.decision .q .tw-caret{font-size:18px}.decision .cards{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:auto;transition:opacity .3s var(--ease)}.decision .cards.pending{opacity:0;pointer-events:none}.dcard{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;cursor:pointer;width:100%;display:block;min-height:104px;padding:var(--s-3) var(--s-4);background:#fff9;background-image:var(--washi-noise);background-size:200px 200px;border:1px solid var(--c-cha-soft);border-radius:var(--r-md);box-shadow:var(--shadow-card);color:var(--c-sumi);transition:transform .16s var(--ease),box-shadow .16s var(--ease),border-color .16s var(--ease),background-color .16s var(--ease),opacity .36s var(--ease)}.dcard .tag{font-family:var(--f-mono);font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--c-shu);display:block;margin-bottom:var(--s-2)}.dcard .txt{font-family:var(--f-serif);font-size:var(--t-body);line-height:1.8;letter-spacing:.03em;text-wrap:pretty;white-space:pre-line}.dcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--c-shu);background-color:#8b3a3a0a}.dcard:active{transform:translateY(0) scale(.99)}.dcard.chosen{border-color:var(--c-shu);background-color:#8b3a3a14;box-shadow:0 0 0 1px var(--c-shu) inset,var(--shadow-card)}.dcard.chosen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-md);animation:choiceGlow .6s var(--ease);pointer-events:none}.dcard.dimmed{opacity:.3;pointer-events:none}.dcard-enter{animation:cardEnter .48s var(--ease) both}@keyframes cardEnter{0%{transform:translateY(16px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.dcard-enter{animation:none}}.audioctl{position:fixed;top:14px;right:14px;z-index:50;display:flex;align-items:center;gap:8px;background:#faf7f2d1;border:1px solid var(--c-cha-soft);border-radius:999px;padding:7px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-card)}.audioctl button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;color:var(--c-cha);display:grid;place-items:center;padding:2px}.audioctl input[type=range]{width:64px;accent-color:var(--c-shu);cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--s-3);background:#0006;animation:modalFade .2s var(--ease)}.modal-card{width:90%;max-width:400px;background:var(--c-washi);background-image:var(--washi-noise);background-size:200px 200px;border:1px solid var(--c-shu);border-radius:var(--r-md);box-shadow:var(--shadow-hover);padding:var(--s-3);animation:modalPop .2s var(--ease)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-2)}.modal-title{font-family:var(--f-sans);font-size:13px;letter-spacing:.2em;color:var(--c-shu);font-weight:500}.modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;color:var(--c-kasumi);display:grid;place-items:center;padding:2px;transition:color .14s var(--ease)}.modal-close:hover{color:var(--c-sumi)}.modal-body{margin:0;font-family:var(--f-serif);font-size:15px;line-height:1.9;letter-spacing:.03em;color:var(--c-sumi);text-wrap:pretty}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-card{animation:none}}.stack>*+*{margin-top:var(--s-3)}