:root{--paper: #FBF3E2;--paper-2: #F3E7CE;--paper-hi: #FCF6E8;--ink: #2D1B4E;--ink-soft: rgba(45, 27, 78, .7);--accent: #FF8C42;--accent-2: #FFB347;--on-accent: #ffffff;--spine-shadow: rgba(45, 27, 78, .18);--page-radius: 18px;--font-display: "Fraunces", "Noto Serif", Georgia, "Times New Roman", serif;--font-ui: "Fredoka", system-ui, Avenir, Helvetica, Arial, sans-serif;font-family:var(--font-ui);line-height:1.5;font-weight:400;color-scheme:light;color:var(--ink);background-color:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-2)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:20px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:var(--font-ui);background-color:#ffffffe6;color:var(--ink);cursor:pointer;transition:all .25s ease}button:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #ff8c424d}button:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-10px);opacity:1}}@keyframes portraitSpringIn{0%{transform:translateY(12%) scale(.92);opacity:0}70%{opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes endFadeIn{0%{transform:scale(.7);opacity:0;letter-spacing:.4em}60%{opacity:1}to{transform:scale(1);opacity:1;letter-spacing:.04em}}.story-pause-btn:hover{opacity:1!important;background:#000000bf!important;transform:translate(-50%) scale(1.06)!important}.story-pause-btn:active{transform:translate(-50%) scale(.96)!important}.app-container{background:radial-gradient(circle at 50% 28%,var(--paper-hi) 0%,var(--paper) 42%,var(--paper-2) 100%);color:var(--ink);font-family:var(--font-ui);overflow:hidden;height:100vh;width:100vw;position:relative}.app-container:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ui-overlay{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:600px;pointer-events:none}.dialogue-box{background:#ffffffeb;border:1px solid rgba(255,140,66,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1.5rem;width:100%;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-ui);font-size:1.2rem;color:var(--ink);box-shadow:0 4px 30px #0000001a;pointer-events:auto}.controls{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;pointer-events:auto}button{background:#ffffffe6;color:var(--ink);border:1px solid rgba(255,140,66,.2);padding:.6rem 1.2rem;border-radius:20px;cursor:pointer;transition:all .2s;font-weight:600;font-family:var(--font-ui);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}button:hover{background:#ff8c4226;color:var(--ink);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #ff8c424d}button.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);box-shadow:0 0 10px #ff8c4266}@keyframes waveform{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}