@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&family=Noto+Sans+JP:wght@300;400;500;700&family=Space+Grotesk:wght@400;600;700&display=swap";:root{--bg-primary:#12100e;--bg-secondary:#1c1917;--bg-card:#231f1c;--bg-card-hover:#2c2825;--text-primary:#f5f0e8;--text-secondary:#a8998a;--text-muted:#a8998a;--accent-color:#f0c36b;--accent-hover:#e8bc6a;--accent-glow:#d4a75440;--accent-dim:#d4a7541a;--hiro-bg:#133a3a;--hiro-text:#a7f3d0;--hiro-border:#6ee7d44d;--hiro-avatar:#115e59;--master-bg:#2a1f0a;--master-text:#fbbf24;--master-border:#fbbf2433;--master-avatar:#b45309;--glass-bg:#1c1917d9;--glass-border:#d4a75426;--glass-shadow:0 8px 40px #0009;--card-shadow:0 4px 24px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20%,#d4a7540a 0%,#0000 60%),radial-gradient(at 80% 20%,#6ee7d408 0%,#0000 50%);min-height:100vh;font-family:Noto Sans JP,Space Grotesk,sans-serif;line-height:1.7}h1,h2,h3,h4,h5,h6{margin-bottom:.75rem;font-family:Noto Serif JP,serif;font-weight:700;line-height:1.3}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGold{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px #0000}}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.app-container{max-width:820px;min-height:100vh;margin:0 auto;padding:2rem 1.25rem 6rem;position:relative}.header{text-align:center;cursor:pointer;border:1px solid var(--glass-border);background:linear-gradient(135deg,#1c1610 0%,#231f1c 100%);border-radius:20px;margin-bottom:2.5rem;padding:2rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 40px #0009,inset 0 1px #d4a7541a}.header:before{content:"🔍";opacity:.04;pointer-events:none;font-size:8rem;position:absolute;top:50%;right:-1rem;transform:translateY(-50%)}.header h1{background:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;font-family:Noto Serif JP,serif;font-size:1.9rem}.header p{color:var(--text-secondary);letter-spacing:.08em;font-size:.9rem}.home-view{animation:.5s forwards fadeInUp}.home-view>h2{color:var(--accent-color);margin-bottom:.75rem;font-size:1.5rem}.home-view>p{color:var(--text-secondary);border-left:3px solid var(--accent-dim);margin-bottom:2.5rem;padding-left:1rem;font-size:.95rem;line-height:1.8}.toc-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:1rem;display:grid}.toc-card{background:var(--bg-card);border:1px solid var(--glass-border);cursor:pointer;border-radius:14px;flex-direction:column;gap:.75rem;padding:1.4rem 1.2rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.toc-card:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 8px 32px #d4a75426}.toc-card h4{color:var(--accent-color);letter-spacing:.1em;text-transform:uppercase;margin-bottom:0;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:600}.toc-card p{color:var(--text-secondary);flex:1;margin-bottom:0;font-size:.9rem;line-height:1.5}.toc-card button{background:var(--accent-dim);color:var(--accent-color);border:1px solid var(--glass-border);cursor:pointer;letter-spacing:.05em;border-radius:8px;padding:.5rem .75rem;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s}.toc-card button:hover:not(:disabled){background:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color)}.toc-card button:disabled{opacity:.35;cursor:not-allowed}.sidebar{z-index:1000;border-right:1px solid var(--glass-border);background:#0e0c0a;border-radius:0 20px 20px 0;width:300px;height:100vh;padding:1.5rem;transition:left .3s;position:fixed;top:0;left:-300px;overflow-y:auto;box-shadow:4px 0 40px #000c}.sidebar.open{left:0}.sidebar-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.home-btn{cursor:pointer;color:var(--accent-color);border:none;border:1px solid var(--glass-border);background:0 0;border-radius:8px;padding:.4rem .75rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.home-btn:hover{background:var(--accent-dim)}.close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.3rem;transition:color .2s;display:flex}.close-btn:hover{color:var(--text-primary)}.sidebar-chapter{margin-bottom:1.75rem}.sidebar-chapter h3{color:var(--accent-color);letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-bottom:.6rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700}.sidebar-chapter ul{list-style:none}.sidebar-chapter li{cursor:pointer;color:var(--text-secondary);border-radius:8px;padding:.55rem .75rem;font-size:.85rem;line-height:1.5;transition:all .15s}.sidebar-chapter li:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-chapter li.active{background:var(--accent-dim);color:var(--accent-color);font-weight:600}.backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000000b3;position:fixed;inset:0}.menu-toggle{z-index:900;border:1px solid var(--glass-border);color:var(--accent-color);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.06em;box-shadow:0 4px 24px #00000080, 0 0 0 1px var(--glass-border);background:#12100eeb;border-radius:999px;padding:.75rem 1.6rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .2s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.menu-toggle:hover{background:var(--accent-dim);border-color:var(--accent-color);box-shadow:0 4px 32px var(--accent-glow)}.scenario-title{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:14px;margin:.5rem 0 2rem;padding:1.25rem 1.5rem}.scenario-title .chapter-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color);margin-bottom:.4rem;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700}.section-title-text{color:var(--text-primary);font-size:1.2rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.88rem;font-weight:400}.chat-row{opacity:0;width:100%;margin-bottom:1.25rem;display:flex}.chat-row.hero{justify-content:flex-end}.chat-row.master{justify-content:flex-start}.chat-wrapper{align-items:flex-end;gap:.75rem;max-width:82%;display:flex}.chat-row.hero .chat-wrapper{flex-direction:row-reverse}.avatar{letter-spacing:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0006}.avatar.hero{background:var(--hiro-avatar);color:var(--hiro-text);border:2px solid #6ee7d44d}.avatar.master{background:var(--master-avatar);color:var(--master-text);border:2px solid #fbbf244d;animation:3s ease-in-out infinite pulseGold}.bubble-wrapper{flex-direction:column;gap:.3rem;display:flex}.name-label{letter-spacing:.04em;margin-bottom:2px;font-size:.85rem;font-weight:700}.chat-row.hero .name-label{text-align:right;color:var(--hiro-text)}.chat-row.master .name-label{text-align:left;color:var(--master-text)}.bubble{border-radius:16px;padding:.9rem 1.2rem;font-size:.97rem;line-height:1.75;display:block;position:relative}.chat-row.hero .bubble{background:var(--hiro-bg);color:var(--text-primary);border:1px solid var(--hiro-border);border-bottom-right-radius:4px}.chat-row.master .bubble{background:var(--master-bg);color:var(--text-primary);border:1px solid var(--master-border);border-bottom-left-radius:4px}.navigation-footer{justify-content:space-between;gap:1rem;margin-top:4rem;margin-bottom:2rem;display:flex}.navigation-footer button{border:1px solid var(--glass-border);cursor:pointer;color:var(--text-secondary);background:var(--bg-card);letter-spacing:.04em;border-radius:10px;padding:.8rem 1.5rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s}.navigation-footer button:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.navigation-footer button.active{background:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color);box-shadow:0 4px 20px var(--accent-glow);font-weight:700}.navigation-footer button:disabled{opacity:.3;cursor:not-allowed}.empty-message{text-align:center;color:var(--text-muted);border:1px dashed var(--glass-border);background:var(--bg-card);border-radius:16px;padding:3rem 2rem;font-size:.95rem}.narration-row{justify-content:center;width:100%;margin:2rem 0;display:flex}.narration-text{color:var(--text-muted);text-align:center;letter-spacing:.02em;background:0 0;max-width:80%;padding:.75rem 1.5rem;font-size:.88rem;font-style:italic;line-height:1.9;position:relative}.narration-text:before,.narration-text:after{content:"──";color:var(--text-muted);opacity:.8;padding:0 .5rem}.formula-row{justify-content:center;width:100%;margin:2.5rem 0;display:flex}.formula-box{background:#1a1409;border:1px solid #d4a7544d;border-radius:16px;width:100%;max-width:580px;padding:1.6rem 2rem;position:relative;overflow:hidden;box-shadow:0 0 40px #d4a75414,0 4px 24px #00000080}.formula-box:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);height:2px;position:absolute;top:0;left:0;right:0}.formula-title{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-color);opacity:.9;align-items:center;gap:.5rem;margin-bottom:1.2rem;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:700;display:flex}.formula-content{text-align:center;color:var(--accent-hover);letter-spacing:.08em;white-space:pre-line;background:#d4a7540d;border:1px dashed #d4a75433;border-radius:10px;margin:1.25rem 0;padding:1.1rem;font-family:Space Grotesk,Courier New,monospace;font-size:1.55rem;font-weight:700;line-height:1.6}.formula-desc{color:var(--text-secondary);white-space:pre-line;border-top:1px solid var(--glass-border);margin-top:.75rem;padding-top:.5rem;font-size:.88rem;line-height:1.9}