:root{--accent-warm: #ffb703;--memory-blue: #6fa8dc;--chrome-ink: #16324a;--ink-muted-warm: #827a68;--light-warm: #ffe9b8;--text-ice: #e8f2fa;--ink-earth: #3d3930;--text-slate: #7a93a8;--text-sage: #a0aea9;--gold-deep: #b07800;--gold-light: #ffd670;--paper-highlight: #fff9e9;--text-blue-muted: #9db4c6;--black: #000;--white: #fff;--shadow-40: rgba(0,0,0,.4);--text-frost: rgba(235,245,250,.95);--shadow-35: rgba(0,0,0,.35);--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px}:root{--font-story: "LXGW WenKai", "STKaiti", "KaiTi", "YouYuan", "PingFang SC", Georgia, serif;--paper: #fbf6ea;--paper-ink: #2c221e;--paper-muted: #8c7b6c;--paper-line: #5a4b3c;--bg-deep: #0a141f;--bg-sea: #13283a;--bg-dialog: rgba(8,14,20,.88);--border: #2d3a4a;--text-primary: #e2e8f0;--text-secondary: #8d99a8;--accent-warm: #ffb703;--accent-dim: #cca025;--choice-bg: #182432;--choice-border: #3d4c5e;--ok-green: #48bb78;--low-orange: #c77b1e}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}body{background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-sea) 100%);color:var(--text-primary);font-family:var(--font-story);font-style:normal;height:100vh;height:100dvh;overflow:hidden}button,input,textarea,select{font-family:var(--font-story);font-style:normal}.bg-layer{position:fixed;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease;pointer-events:none;z-index:0}.bg-layer.show{opacity:1}.bg-shade{position:fixed;inset:0;background:linear-gradient(180deg,#04122659,#0412268c);pointer-events:none;z-index:0}#stage{position:relative;width:100%;height:100vh;height:100dvh;max-width:1200px;margin:0 auto;z-index:1}.hud{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:calc(20px + env(safe-area-inset-right,0px));font-size:11px;color:var(--text-secondary);letter-spacing:2px;display:flex;align-items:center;gap:var(--space-8);z-index:70}.core-ico{--core: #ffc24b;width:20px;height:20px;flex:none;line-height:0}.core-ico svg{width:100%;height:100%;overflow:visible}.core-ring{fill:none;stroke:currentColor;stroke-width:2;opacity:.26}.core-arc{fill:none;stroke:var(--core);stroke-width:2.5;stroke-linecap:round;transform-box:fill-box;transform-origin:center;transform:rotate(-90deg);transition:stroke .4s ease,stroke-dasharray .4s ease}.core-bolt{fill:currentColor;opacity:.9}body.on-light-bg .settings-btn,body.on-light-bg .log-btn,body.on-light-bg .ach-btn,body.on-light-bg .speech-btn,body.on-light-bg .parent-btn{color:var(--chrome-ink);opacity:.9}body.on-light-bg .hud{color:var(--chrome-ink)}body.on-light-bg .lang-toggle{color:var(--chrome-ink);border-color:#16324a73}body.on-light-bg .lang-toggle:hover{color:var(--gold-deep);border-color:var(--gold-deep)}.settings-btn{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));background:none;border:none;color:var(--text-secondary);font-size:15px;cursor:pointer;opacity:.85;z-index:70}.settings-btn:hover{opacity:1}.log-btn{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:calc(56px + env(safe-area-inset-left,0px));background:none;border:none;color:var(--text-secondary);font-size:15px;cursor:pointer;opacity:.85;z-index:70}.log-btn:hover{opacity:1}.lang-toggle{background:none;border:1px solid rgba(235,245,250,.4);border-radius:999px;color:var(--text-frost);font-size:12px;letter-spacing:1px;padding:3px var(--space-10);cursor:pointer}.lang-toggle:hover{color:var(--accent-warm);border-color:var(--accent-warm)}.settings-btn,.ach-btn,.speech-btn,.parent-btn,.log-btn{color:var(--text-frost)}.settings-btn svg,.ach-btn svg,.speech-btn svg,.parent-btn svg,.log-btn svg{width:26px;height:26px;display:block}.sc-fish svg{width:15px;height:15px;vertical-align:-3px;margin-right:3px}.choice-input button svg{width:20px;height:20px;display:block}.sp-shelf-ico svg{width:15px;height:15px;vertical-align:-3px;margin-right:5px}.speech-btn{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:calc(140px + env(safe-area-inset-left,0px));background:none;border:none;font-size:15px;cursor:pointer;opacity:.85;z-index:70}.speech-btn:hover{opacity:1}.ach-btn{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:calc(98px + env(safe-area-inset-left,0px));background:none;border:none;font-size:15px;cursor:pointer;opacity:.85;z-index:70}.ach-btn:hover{opacity:1}.ach-overlay{position:fixed;inset:0;background:#04080c99;display:flex;align-items:center;justify-content:center;z-index:80}.ach-overlay[hidden]{display:none}.ach-modal{position:relative;width:300px;background:var(--bg-dialog);border:1px solid var(--border);border-radius:14px;padding:18px 22px;box-shadow:0 8px 30px #00000080}.am-title{font-size:12px;letter-spacing:4px;color:var(--text-primary);margin-bottom:var(--space-12)}.ach-item{display:flex;gap:var(--space-10);align-items:flex-start;margin-bottom:var(--space-12)}.ach-item:last-child{margin-bottom:0}.ach-item .ach-icon{font-size:18px;line-height:1.4}.ach-item .ach-name{font-size:14px;color:var(--text-primary);letter-spacing:1px}.ach-item .ach-desc{font-size:11px;color:var(--text-secondary);margin-top:2px}.ach-item.locked{opacity:.35}.ach-item.locked .ach-icon{filter:grayscale(1)}.ach-item .ach-icon svg,.aw-icon svg,.toast svg{width:1.3em;height:1.3em;vertical-align:-.26em}.ach-wall{position:fixed;inset:0;z-index:90;background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-sea) 100%);overflow-y:auto;padding:40px var(--space-20) 60px}.ach-wall[hidden]{display:none}.ach-wall-panel{position:relative;max-width:560px;margin:0 auto}.aw-close{position:absolute;top:0;right:0;border:none;background:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:var(--space-6) var(--space-10)}.aw-close:hover{color:var(--text-primary)}.aw-heading{text-align:center;color:var(--accent-warm);font-size:15px;letter-spacing:8px;margin-bottom:28px}.ach-wall-loading{text-align:center;color:var(--text-secondary);font-size:13px}.aw-story{margin-bottom:30px}.aw-story-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:var(--space-8);margin-bottom:var(--space-12)}.aw-title{color:var(--text-primary);font-size:15px;letter-spacing:2px}.aw-count{color:var(--accent-warm);font-size:12px}.aw-item{display:flex;gap:var(--space-12);align-items:flex-start;padding:var(--space-8) 2px}.aw-icon{font-size:20px;line-height:1.4}.aw-text{flex:1;display:flex;flex-direction:column}.aw-name{color:var(--text-primary);font-size:14px;letter-spacing:1px}.aw-desc{color:var(--text-secondary);font-size:12px;margin-top:2px}.aw-state{color:var(--ok-green);font-size:14px}.aw-item.locked{opacity:.35}.aw-item.locked .aw-icon{filter:grayscale(1)}.parent-btn{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:calc(182px + env(safe-area-inset-left,0px));background:none;border:none;font-size:15px;cursor:pointer;opacity:.85;z-index:70}.parent-btn:hover{opacity:1}.parent-overlay{position:fixed;inset:0;background:#04080c99;display:flex;align-items:center;justify-content:center;z-index:110}.parent-overlay[hidden]{display:none}.parent-modal{width:320px}.parent-modal .pm-note{font-size:11px;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-10)}.parent-modal .pm-label{font-size:12px;letter-spacing:3px;color:var(--text-primary);margin:var(--space-8) 0}.parent-modal input,.parent-modal select{width:100%;margin-bottom:var(--space-8);padding:var(--space-8) var(--space-10);background:var(--choice-bg);border:1px solid var(--choice-border);border-radius:8px;color:var(--text-primary);font-size:13px}.parent-modal .pm-row{display:flex;gap:var(--space-8)}.parent-modal .pm-row input{flex:1;min-width:0}.parent-modal .pm-row select{width:84px}.parent-modal .pm-row button{min-width:84px;margin-bottom:var(--space-8);border-radius:8px;border:1px solid var(--choice-border);background:var(--choice-bg);color:var(--text-primary);cursor:pointer}.parent-modal .pm-row button:hover{border-color:var(--accent-warm)}.parent-modal .pm-hint{font-size:11px;color:var(--accent-dim);min-height:16px;margin-bottom:var(--space-6)}.parent-modal .pm-main{width:100%;min-height:36px;border-radius:8px;border:1px solid var(--choice-border);background:var(--choice-bg);color:var(--text-primary);font-size:14px;letter-spacing:2px;cursor:pointer}.parent-modal .pm-main:hover{border-color:var(--accent-warm)}.parent-modal .pm-addsec{margin-top:var(--space-4)}.parent-modal .pm-addlabel{font-size:12px;letter-spacing:3px;color:var(--text-primary);margin:var(--space-10) 0 var(--space-8)}.parent-modal .pm-addbtn{width:100%;min-height:44px;margin-top:var(--space-8);border-radius:10px;border:1px solid var(--accent-warm);background:var(--choice-bg);color:var(--text-primary);font-size:15px;letter-spacing:2px;cursor:pointer}.parent-modal .pm-addbtn:hover{background:#ffb30314}.parent-modal .pm-logout{width:100%;margin-top:14px;border:none;background:none;color:var(--text-secondary);font-size:12px;opacity:.7;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.parent-modal .pm-logout:hover{color:var(--text-primary)}.parent-modal .pm-close{position:absolute;top:10px;right:12px;border:none;background:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:var(--space-4) var(--space-8)}.parent-modal .pm-close:hover{color:var(--text-primary)}.parent-modal .pm-guest{width:100%;margin-top:var(--space-8);padding:var(--space-8) 0;border:none;background:none;color:var(--text-secondary);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.parent-modal .pm-guest:hover{color:var(--accent-warm)}.parent-modal .pm-children{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-10)}.parent-modal .pm-child{min-height:44px;border-radius:10px;border:1px solid var(--choice-border);background:var(--choice-bg);color:var(--text-primary);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.parent-modal .pm-child.active{border-color:var(--accent-warm)}.parent-modal .pm-child .pm-band{font-size:11px;color:var(--text-secondary)}.parent-modal .pm-child .pm-check{color:var(--accent-warm);margin-right:var(--space-6);font-size:12px}.settings-panel{position:absolute;top:36px;left:14px;width:260px;background:var(--bg-dialog);border:1px solid var(--border);border-radius:12px;padding:14px var(--space-16);z-index:70;font-size:12px;color:var(--text-secondary)}.settings-panel .sp-title{font-size:12px;letter-spacing:3px;margin-bottom:var(--space-10);color:var(--text-primary)}.settings-panel label{display:block;margin-bottom:var(--space-8);letter-spacing:1px}.settings-panel input[type=text],.settings-panel input[type=password]{display:block;width:100%;margin-top:var(--space-4);padding:var(--space-6) var(--space-8);background:var(--choice-bg);border:1px solid var(--choice-border);border-radius:8px;color:var(--text-primary);font-size:12px}.sp-toggle{display:flex;align-items:center;gap:var(--space-6)}.settings-panel input[type=range]{width:100%;margin-top:var(--space-6);accent-color:var(--accent-dim)}.settings-panel select{background:var(--choice-bg);color:var(--text-primary);border:1px solid var(--choice-border);border-radius:6px;padding:3px var(--space-8);font-size:12px;font-family:inherit;margin-left:var(--space-6);cursor:pointer}.settings-panel input[type=checkbox]{accent-color:var(--accent-dim)}#sp-rate-val{float:right;color:var(--text-primary)}#sp-preview{width:100%;min-height:28px;margin:var(--space-4) 0 var(--space-8);border-radius:8px;cursor:pointer;border:1px solid var(--choice-border);background:var(--choice-bg);color:var(--text-secondary);font-size:12px}#sp-preview:hover{border-color:var(--accent-warm)}.sp-note{font-size:11px;line-height:1.7;opacity:.8;margin:var(--space-8) 0}.sp-actions{display:flex;gap:var(--space-8)}.sp-actions button{flex:1;min-height:30px;border-radius:8px;cursor:pointer;border:1px solid var(--choice-border);background:var(--choice-bg);color:var(--text-primary)}.ai-status{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);font-size:13px;color:var(--text-frost);letter-spacing:1px;z-index:25;padding:var(--space-6) var(--space-16);border-radius:999px}.ai-status:not(:empty){background:#061222d1;backdrop-filter:blur(6px);box-shadow:0 4px 14px var(--shadow-35)}.start-gate{position:fixed;inset:0;z-index:100;background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-sea) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-20);cursor:pointer}.start-gate[hidden]{display:none}.gate-eye{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 45% 40%,#fff6d8 0%,var(--accent-warm) 55%,#9c7108 100%);animation:breathe 3.2s infinite alternate ease-in-out}.gate-title{font-size:22px;letter-spacing:12px;color:var(--text-primary)}.gate-btn{min-height:48px;padding:14px 36px;border-radius:14px;border:1px solid var(--choice-border);background:var(--choice-bg);color:var(--text-primary);font-size:17px;letter-spacing:3px;cursor:pointer;animation:choiceIn .3s ease}.gate-btn:hover{border-color:var(--accent-warm)}.gate-parent{position:absolute;bottom:22px;right:24px;background:none;border:none;color:var(--text-secondary);font-size:12px;letter-spacing:2px;cursor:pointer;opacity:.6}.gate-parent:hover{opacity:1}.toast{position:absolute;top:48px;left:50%;transform:translate(-50%) translateY(-8px);background:var(--bg-dialog);border:1px solid var(--accent-dim);color:var(--accent-warm);padding:var(--space-8) 18px;border-radius:16px;font-size:13px;letter-spacing:2px;text-align:center;line-height:1.8;opacity:0;pointer-events:none;transition:all .3s ease;z-index:25}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast .toast-desc{font-size:11px;color:var(--text-secondary);letter-spacing:1px}.taka-figure{position:absolute;left:12%;top:10%;animation:floatY 5.5s ease-in-out infinite}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.taka-figure svg{height:300px;display:block;filter:drop-shadow(0 0 8px rgba(255,200,80,.28))}.dialog{position:absolute;left:24px;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));height:220px;display:flex;flex-direction:column;background:#0a233cc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(150,200,230,.25);border-radius:12px;box-shadow:0 4px 20px var(--shadow-35);padding:var(--space-16) var(--space-20)}.speaker{font-size:11px;color:var(--accent-warm);letter-spacing:4px;margin-bottom:var(--space-8)}.story-text{font-size:17px;line-height:2;letter-spacing:1px;color:var(--text-frost);white-space:pre-line;flex:1;min-height:0;overflow-y:auto;cursor:pointer}.story-text::-webkit-scrollbar{width:4px}.story-text::-webkit-scrollbar-thumb{background:var(--choice-border);border-radius:2px}@supports (-webkit-overflow-scrolling: touch){.story-text{-webkit-overflow-scrolling:touch}}.choices{position:absolute;right:12px;bottom:calc(100% + 12px);display:flex;flex-direction:column;gap:var(--space-10);min-width:200px;z-index:10}.choice-btn{min-height:40px;padding:var(--space-10) var(--space-16);border-radius:12px;border:1px solid var(--choice-border);background:var(--choice-bg);color:var(--text-primary);font-size:15px;text-align:center;cursor:pointer;box-shadow:0 4px 12px var(--shadow-40);transition:all .15s ease;animation:choiceIn .3s ease}.choice-btn:hover{border-color:var(--accent-warm);transform:translateY(-2px)}@keyframes choiceIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.choice-input{display:flex;align-items:center;gap:var(--space-6);min-height:40px;padding:var(--space-4) var(--space-6) var(--space-4) 14px;border:1px dashed var(--choice-border);border-radius:12px;background:var(--choice-bg);box-shadow:0 4px 12px var(--shadow-40);animation:choiceIn .3s ease}.choice-input input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text-primary);font-size:15px}.choice-input input::placeholder{color:var(--text-secondary);letter-spacing:2px}.choice-input button{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:8px;border:1px solid var(--choice-border);background:none;color:var(--text-secondary);font-size:14px;cursor:pointer}.choice-input button:hover{border-color:var(--accent-warm)}.choice-input button.recording{color:var(--accent-warm);border-color:var(--accent-warm);animation:micPulse 1.2s infinite}@keyframes micPulse{0%,to{opacity:1}50%{opacity:.5}}.listen-bar{display:none;flex-direction:column;gap:var(--space-10);margin-top:var(--space-12)}.listen-bar span{font-size:12px;color:var(--text-secondary);letter-spacing:3px}.progress-track{width:100%;height:4px;background:var(--choice-bg);border-radius:2px;overflow:hidden}.progress-fill{width:0%;height:100%;background:var(--accent-dim)}.tk-loose-screw{animation:tkScrewWobble 2.5s infinite ease-in-out;transform-box:fill-box;transform-origin:center}@keyframes tkScrewWobble{0%,to{transform:rotate(0) translate(0)}20%{transform:rotate(8deg) translate(.5px,-.5px)}25%{transform:rotate(-6deg) translate(-.5px,.5px)}30%{transform:rotate(0) translate(0)}}.tk-status-dot{filter:drop-shadow(0 0 3px #00e676)}#taka-figure.st-off:not(.px-mode) svg{filter:none}.st-off .tk-loose-screw{animation:none}.st-off .tk-status-dot{fill:#37474f;filter:none}.eyeGlow{transform-box:fill-box;transform-origin:center}.st-standby .eyeGlow{animation:breathe 3.2s infinite alternate ease-in-out}@keyframes breathe{0%{opacity:.55;filter:drop-shadow(0 0 2px rgba(255,183,3,.4))}to{opacity:1;filter:drop-shadow(0 0 7px rgba(255,183,3,.8))}}.st-speaking .eyeGlow{opacity:1;filter:drop-shadow(0 0 9px rgba(255,183,3,.95))}.st-speaking .takaBody{animation:bob 1.6s infinite ease-in-out;transform-box:fill-box;transform-origin:center}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.st-thinking .eyeGlow{animation:think 2.4s infinite}@keyframes think{0%{opacity:1}6%{opacity:.15}12%{opacity:1}18%{opacity:.15}24%{opacity:1}30%{opacity:.15}36%{opacity:1}to{opacity:1}}.st-pondering .eyeGlow{animation:ponder 3.6s infinite ease-in-out}@keyframes ponder{0%,to{opacity:.9;transform:translate(0);filter:drop-shadow(0 0 6px rgba(255,183,3,.7))}25%{opacity:.5;transform:translate(-3px)}50%{opacity:.95;transform:translate(0);filter:drop-shadow(0 0 10px rgba(255,183,3,.95))}75%{opacity:.5;transform:translate(3px)}}.st-pondering .takaBody{animation:sway 3.6s infinite ease-in-out}@keyframes sway{0%,to{transform:rotate(0)}50%{transform:rotate(1.2deg)}}.taka-figure:before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(circle,rgba(255,183,3,.14),transparent 65%);opacity:0;transition:opacity .6s ease;pointer-events:none}.st-pondering:before{opacity:1;animation:haloPulse 3.6s infinite ease-in-out}@keyframes haloPulse{0%,to{transform:scale(.92)}50%{transform:scale(1.06)}}.thought-bubble{position:absolute;left:64%;top:-6%;display:flex;gap:5px;align-items:center;padding:9px 13px;background:#e2e8f0eb;border-radius:999px;opacity:0;transform:scale(.6);transform-origin:bottom left;transition:opacity .4s ease,transform .4s ease;pointer-events:none}.thought-bubble:before,.thought-bubble:after{content:"";position:absolute;background:#e2e8f0d9;border-radius:50%}.thought-bubble:before{width:10px;height:10px;left:-5px;bottom:-9px}.thought-bubble:after{width:6px;height:6px;left:-13px;bottom:-19px}.thought-bubble i{width:6px;height:6px;border-radius:50%;background:#5d6875;animation:tbDot 1.4s infinite}.thought-bubble i:nth-child(2){animation-delay:.2s}.thought-bubble i:nth-child(3){animation-delay:.4s}@keyframes tbDot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.st-pondering .thought-bubble{opacity:1;transform:scale(1)}.st-listening .eyeGlow{animation:listen 4.5s infinite ease-in-out}@keyframes listen{0%,to{opacity:.35;filter:drop-shadow(0 0 1px rgba(255,183,3,.3))}50%{opacity:.8;filter:drop-shadow(0 0 5px rgba(255,183,3,.6))}}.st-low .eyeGlow{fill:var(--low-orange);animation:low 2s infinite}@keyframes low{0%,to{opacity:.3}50%{opacity:.65}}.takaBody{transition:transform 1.2s ease,opacity 1.2s ease}.eyeGlow,.eyeHi{transition:opacity 1.2s ease}.st-off .takaBody{transform:rotate(-3deg);transform-box:fill-box;transform-origin:center;opacity:.75}.st-off .eyeGlow,.st-off .eyeHi{opacity:0}@media (orientation: portrait){body{overflow:auto}.bg-layer{background-size:cover;background-position:center}#stage{height:auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--space-16)}.hud{position:static;align-self:flex-end;order:0}.taka-figure{position:static;order:1;margin-top:var(--space-8)}.taka-figure svg{height:220px}.dialog{position:static;order:2;width:100%;margin-top:var(--space-12);height:auto}.story-text{flex:none;max-height:none;overflow-y:visible}.choices{position:static;width:100%;min-width:0;margin-top:var(--space-12)}.choice-btn{width:100%}}.shelf-screen{position:fixed;inset:0;z-index:60;overflow-y:auto;background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-sea) 100%);padding:60px var(--space-20) 40px}.shelf-screen[hidden],body.on-shelf .settings-btn,body.on-shelf .ach-btn,body.on-shelf .speech-btn,body.on-shelf .parent-btn,body.on-shelf .log-btn,body.on-shelf .hud{display:none}.shelf-topbar{max-width:880px;margin:0 auto 30px;display:flex;justify-content:flex-end;align-items:baseline}.st-actions{display:flex;gap:22px}.st-actions button{background:none;border:none;padding:var(--space-4) 0;color:var(--text-secondary);font-size:12px;letter-spacing:2px;cursor:pointer}.st-actions button:hover{color:var(--text-primary)}.btn-dot{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:var(--accent-warm);vertical-align:middle;animation:notify-pulse 2s ease-in-out infinite}@keyframes notify-pulse{0%,to{box-shadow:0 0 0 2px #ffb7032e;transform:scale(1)}50%{box-shadow:0 0 0 5px #ffb70357;transform:scale(1.12)}}.shelf-topbar .shelf-child{position:static;padding:2px 0;border:none;background:none;color:var(--text-secondary);font-size:12px;letter-spacing:2px}.shelf-topbar .shelf-child:hover{color:var(--text-primary)}@media (max-width: 560px){.st-actions{gap:14px}.st-actions button{font-size:11px;letter-spacing:1px}}.shelf-inner{max-width:880px;margin:0 auto}.shelf-title{text-align:center;color:var(--text-primary);font-size:22px;letter-spacing:6px;margin:var(--space-4) 0 26px}.shelf-journey{display:flex;flex-direction:column;gap:18px}.journey-hero{display:flex;flex-direction:column;position:relative;border-color:var(--accent-dim);animation:journeyIn .45s cubic-bezier(.22,1,.36,1)}.journey-hero .sc-cover{aspect-ratio:16 / 9}.jh-body{padding:var(--space-16) 18px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8)}.jh-kicker{font-size:11px;letter-spacing:2px;color:var(--accent-warm)}.jh-title{color:var(--text-primary);font-size:19px;letter-spacing:1px}.jh-summary{color:var(--text-secondary);font-size:13px;line-height:1.6}.jh-foot{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:2px}.jh-cta{display:inline-flex;align-items:center;min-height:48px;margin-top:var(--space-6);padding:0 22px;border:1.5px solid var(--accent-warm);border-radius:24px;color:var(--accent-warm);font-size:15px;letter-spacing:2px}.journey-hero:hover .jh-cta{box-shadow:0 0 0 3px #ffb70338}.jc-step{position:absolute;top:10px;left:10px;z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a233cb8;border:1px solid var(--border);color:var(--text-secondary);font-size:12px}.jc-step.hero{border-color:var(--accent-dim);color:var(--accent-warm)}.journey-row{display:flex;gap:18px}.journey-card{flex:1;position:relative;animation:journeyIn .45s cubic-bezier(.22,1,.36,1) backwards}@keyframes journeyIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.journey-link{flex:none;width:24px;align-self:center;position:relative;height:1px}.journey-link:before{content:"";position:absolute;left:0;right:5px;top:0;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.journey-link:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid var(--border);border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}.journey-done-line{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:2px;color:var(--text-secondary);font-size:13px}.jdl-ico{display:inline-flex}.jdl-ico svg{width:14px;height:14px;display:block}@media (min-width: 900px){.journey-hero{flex-direction:row}.journey-hero .sc-cover{flex:0 0 52%;aspect-ratio:16 / 9;border-radius:14px 0 0 14px}.jh-body{flex:1;padding:22px 26px}}@media (max-width: 899px){.journey-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.journey-link{display:none}}@media (max-width: 559px){.journey-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--space-12);-webkit-overflow-scrolling:touch;padding-bottom:var(--space-4)}.journey-card{flex:0 0 200px;scroll-snap-align:start}}.shelf-card{background:var(--bg-dialog);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;padding:0;text-align:left;transition:border-color .2s,transform .2s;font-family:inherit}.shelf-card:hover{border-color:var(--accent-warm);transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.shelf-card.journey-hero,.shelf-card.journey-card{animation:none;transition:none;transform:none}}.sc-cover{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.sc-cover-empty{display:flex;align-items:center;justify-content:center;color:var(--accent-dim);letter-spacing:8px;font-size:20px;background:var(--bg-deep)}.sc-body{padding:var(--space-12) 14px 14px}.sc-title{color:var(--text-primary);font-size:15px;letter-spacing:1px}.sc-summary{color:var(--text-secondary);font-size:12px;margin-top:var(--space-6);line-height:1.6;min-height:2.4em}.sc-foot{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-10)}.sc-badge{font-size:11px;padding:2px var(--space-8);border-radius:8px;letter-spacing:1px;border:1px solid transparent}.sc-badge.new{color:var(--accent-warm);border-color:var(--accent-dim)}.sc-badge.going{color:#8ecae6;border-color:#3a5a70}.sc-badge.done{color:var(--ok-green);border-color:#2f5a3a}.sc-ach{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-4)}.sc-ach-ico{display:inline-flex}.sc-ach-ico svg{width:12px;height:12px;display:block}.shelf-child{position:fixed;top:12px;right:14px;z-index:70;background:var(--bg-dialog);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;padding:var(--space-6) var(--space-12);font-size:13px;cursor:pointer;font-family:inherit}.shelf-child-menu{position:fixed;z-index:75;background:var(--bg-dialog);border:1px solid var(--border);border-radius:10px;padding:var(--space-6);display:flex;flex-direction:column;gap:2px;min-width:140px}.shelf-child-menu button{background:none;border:none;color:var(--text-primary);font-size:14px;padding:var(--space-8) var(--space-10);text-align:left;cursor:pointer;border-radius:6px;font-family:inherit}.shelf-child-menu button:hover{background:#ffffff0d}.shelf-child-menu button.active{color:var(--accent-warm)}.shelf-child-menu .scm-divider{height:1px;background:var(--border);margin:var(--space-4) 2px}.shelf-child-menu .scm-add{color:var(--ok-green)}.shelf-child-menu .scm-dash{color:var(--accent-warm)}.sp-nav{margin-top:var(--space-10);padding-top:var(--space-10);border-top:1px solid var(--border)}.sp-nav button{width:100%;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:12px;padding:7px 0;cursor:pointer;font-family:inherit}.sp-nav button:hover{color:var(--accent-warm);border-color:var(--accent-dim)}.journey-drawer[hidden],.journey-scrim[hidden],.archive-overlay[hidden]{display:none!important}.journey-scrim{position:fixed;inset:0;z-index:89;background:#04080e73}.journey-drawer{position:fixed;top:0;left:0;height:100vh;width:min(320px,85vw);background:#080e14f5;border-right:1px solid var(--border);z-index:90;display:flex;flex-direction:column;box-shadow:6px 0 24px var(--shadow-35);animation:jd-in .22s ease-out}@keyframes jd-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.jd-head{display:flex;justify-content:space-between;align-items:center;padding:14px var(--space-16);border-bottom:1px solid var(--border)}.jd-title{font-size:15px;letter-spacing:6px;color:var(--accent-warm)}.jd-close{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer}.jd-body{flex:1;overflow-y:auto;padding:var(--space-10) 14px}.jd-story{font-size:12px;opacity:.7;margin-bottom:var(--space-10);display:flex;justify-content:space-between;align-items:center}.jd-writing{color:var(--accent-warm);animation:jd-blink 1.2s infinite}@keyframes jd-blink{50%{opacity:.3}}.jd-row{display:flex;gap:var(--space-8);padding:7px var(--space-4);border-bottom:1px dashed rgba(128,128,128,.18);font-size:13px;align-items:baseline}.jd-icon{flex:none;width:16px;text-align:center}.jd-who{flex:none;min-width:34px;color:var(--accent-warm);font-weight:600}.jd-child .jd-who,.jd-child .jd-text{color:var(--memory-blue)}.jd-text{flex:1;line-height:1.5}.jd-empty{opacity:.5;font-size:13px;padding:var(--space-20) 0;text-align:center}.codex-link{color:var(--accent-warm);border-bottom:1px dashed rgba(255,183,3,.55);cursor:pointer}.codex-link.locked{animation:codex-breathe 2.2s ease-in-out infinite}@keyframes codex-breathe{50%{opacity:.55}}.codex-overlay{position:fixed;inset:0;z-index:96;background:#0000008c;display:flex;align-items:center;justify-content:center}.codex-card-overlay{z-index:97}.codex-card{width:min(400px,92vw);max-height:88vh;overflow-y:auto;background:#0d1826;border:1px solid var(--border);border-radius:12px;position:relative}.cc-close{position:absolute;top:8px;right:10px;z-index:2;width:28px;height:28px;border-radius:50%;background:#080e14a6;border:none;color:var(--text-secondary);font-size:15px;cursor:pointer}.cc-img{width:100%;display:block;aspect-ratio:16/9;max-height:210px;object-fit:cover;border-radius:12px 12px 0 0}.cc-body{padding:14px var(--space-16) var(--space-16)}.cc-name{font-size:17px;color:var(--accent-warm);letter-spacing:3px;margin-bottom:var(--space-8)}.cc-science p{font-size:13.5px;line-height:1.7;margin:var(--space-4) 0}.cc-taka{margin-top:var(--space-12);padding:var(--space-10) var(--space-12);border-left:2px solid var(--accent-warm);border-radius:0 8px 8px 0;background:#ffb7030f}.cc-taka-label{font-size:11px;color:var(--accent-warm);letter-spacing:2px}.cc-taka p{font-size:13px;line-height:1.6;margin:var(--space-4) 0;color:var(--text-secondary)}.cc-tts{margin-top:var(--space-10);padding:5px 14px;background:none;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:12.5px;cursor:pointer}.cc-tts.playing{color:var(--accent-warm);border-color:var(--accent-warm)}.cc-src{margin-top:var(--space-10);font-size:10.5px;opacity:.45}.cc-src a{color:inherit}.codex-panel{width:min(560px,94vw);max-height:86vh;background:#0d1826;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column}.cp-head{display:flex;justify-content:space-between;align-items:center;padding:14px var(--space-16);border-bottom:1px solid var(--border)}.cp-title{font-size:15px;letter-spacing:6px;color:var(--memory-blue)}.cp-title svg{width:18px;height:18px;vertical-align:-4px;margin-right:var(--space-8)}.cp-body{overflow-y:auto;padding:var(--space-12) var(--space-16) var(--space-16)}.cp-story{margin-bottom:var(--space-16)}.cp-story-name{font-size:13px;opacity:.8;margin-bottom:var(--space-8);display:flex;justify-content:space-between}.cp-count{color:var(--memory-blue)}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-10)}.cp-tile{background:#16222f;border:1px solid var(--border);border-radius:10px;padding:0 0 var(--space-6);cursor:pointer;color:var(--text-primary);text-align:center;overflow:hidden;display:flex;flex-direction:column}.cp-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.cp-tile span{font-size:12px;padding-top:var(--space-6)}.cp-tile.locked img.silhouette{filter:blur(5px) brightness(.45)}.cp-tile.locked span{opacity:.6}.cp-tile.locked em{font-size:10px;font-style:normal;opacity:.45;padding:2px var(--space-4) 0}.cp-hint{font-size:11px;opacity:.45;margin-top:var(--space-6)}.cp-empty{text-align:center;opacity:.5;padding:30px 0;font-size:13px}.archive-overlay{position:fixed;inset:0;z-index:95;background:#0000008c;display:flex;align-items:center;justify-content:center}.archive-panel{width:min(720px,94vw);height:min(560px,90vh);background:var(--bg-dialog);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.archive-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.archive-title{font-size:16px;letter-spacing:8px;color:var(--accent-warm)}.archive-close{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer}.archive-body{flex:1;overflow-y:auto;padding:var(--space-16) 18px}.ar-empty{text-align:center;opacity:.6;padding:40px 0;line-height:2}.ar-group{margin-bottom:18px}.ar-group-head{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-6) 2px var(--space-10)}.ar-group-cover{width:40px;height:40px;object-fit:cover;border-radius:6px}.ar-group-name{font-size:14.5px;font-weight:600;color:var(--text-primary)}.ar-group-count{font-size:11px;opacity:.5;margin-left:auto}.ar-row{display:flex;align-items:stretch;gap:var(--space-8);margin-bottom:var(--space-8)}.ar-row-main{flex:1;display:flex;align-items:center;gap:var(--space-10);background:var(--bg-dialog);border:1px solid var(--border);border-radius:10px;padding:var(--space-10) 14px;cursor:pointer;color:var(--text-primary);font-family:inherit;font-size:13px;text-align:left}.ar-row-main:hover{border-color:var(--accent-dim)}.ar-edition{font-weight:600;color:var(--accent-warm);flex:none}.ar-row-meta{font-size:11.5px;opacity:.55}.ar-state{font-size:11px;margin-left:auto;flex:none}.ar-state.ready{color:var(--ok-green)}.ar-state.pending{color:var(--accent-warm)}.ar-state.failed{color:#d97706}.ar-dl{flex:none;background:var(--choice-bg);border:1px solid var(--choice-border);color:var(--text-secondary);border-radius:10px;padding:0 var(--space-16);cursor:pointer;font-family:inherit;font-size:12.5px}.ar-dl:hover{color:var(--accent-warm);border-color:var(--accent-dim)}.ar-reader2{display:flex;flex-direction:column;min-height:100%}.ar-r-head{padding-bottom:var(--space-12);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-8)}.ar-back{background:none;border:none;cursor:pointer;font-family:inherit;color:var(--accent-warm);font-size:13px;text-align:left;padding:0}.ar-r-title{font-size:17px;font-weight:700;letter-spacing:1.5px}.ar-r-meta{font-size:11.5px;opacity:.6}.ar-r-body{flex:1;padding:var(--space-8) 2px}.rl{font-size:14px;line-height:1.9;margin:var(--space-6) 0;color:var(--text-primary)}.rl-who{color:var(--accent-warm);font-weight:600;font-size:12px;margin-right:var(--space-8);letter-spacing:1px}.rl.child,.rl.child .rl-who{color:var(--memory-blue)}.rl.taka .rl-who{color:var(--accent-warm)}.rl-break{height:1px;margin:14px 20%;background:linear-gradient(90deg,transparent,var(--border),transparent)}.ar-r-foot{border-top:1px solid var(--border);padding:var(--space-16) 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-12);align-items:center}.pg-end-title{font-size:15px;letter-spacing:2px;line-height:1.8}.pg-export{background:var(--accent-dim);border:1px solid var(--accent-warm);color:var(--text-primary);padding:var(--space-8) var(--space-16);border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;align-self:flex-start}.pg-export:hover{opacity:.9}body.book-mode .dialog,body.book-mode #choices,body.on-shelf #book-stage{display:none}#book-stage{display:none;position:absolute;inset:0;align-items:center;justify-content:center;padding-top:calc(30px + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);z-index:1}body.book-mode #book-stage{display:flex}body.book-mode .hud{color:#dedbcd;font-size:11px}body.book-mode .settings-btn,body.book-mode .log-btn,body.book-mode .ach-btn,body.book-mode .speech-btn,body.book-mode .parent-btn{color:#e2dfd2;opacity:.72;min-width:36px;min-height:36px}body.book-mode .settings-btn:hover,body.book-mode .log-btn:hover,body.book-mode .ach-btn:hover,body.book-mode .speech-btn:hover,body.book-mode .parent-btn:hover{opacity:1}body.book-mode .settings-btn svg,body.book-mode .log-btn svg,body.book-mode .ach-btn svg,body.book-mode .speech-btn svg,body.book-mode .parent-btn svg{width:21px;height:21px;filter:url(#handDrawnEdge) saturate(.2)}body.book-mode .lang-toggle{color:#e2dfd2;border:0;border-radius:0;border-bottom:1px solid rgba(226,223,210,.4);min-height:32px;padding:3px var(--space-8);font-size:12px}body.book-mode .lang-toggle:hover{color:#fff5d5;border-color:#fff5d5}body:is(.book-mode,.collect-active) .spread{position:absolute;width:min(94vw,calc((96vh - 60px) * 16 / 9));aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff0f;background:#0e1e30;display:flex;transform-origin:left center;transition:transform 1s cubic-bezier(.6,.05,.25,1),opacity .8s;backface-visibility:hidden}body:is(.book-mode,.collect-active) .spread.turned{transform:rotateY(-40deg) translate(-12%);opacity:0;pointer-events:none}body.book-mode .page-scene{width:58%;height:100%;position:relative;overflow:hidden;background-size:cover;background-position:center}body.book-mode .crayon:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;opacity:.5;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.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}body.book-mode .decor{position:absolute;inset:0;pointer-events:none}body.book-mode .decor-sun:before{content:"";position:absolute;left:62%;top:26%;width:16%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 42% 38%,#fff3cf,var(--gold-light) 55%,#f0a83e);box-shadow:0 0 40px 14px #ffcd64b3,0 0 120px 50px #ffb4504d;animation:bookSunBreathe 5s ease-in-out infinite}@keyframes bookSunBreathe{50%{box-shadow:0 0 55px 20px #ffcd64d9,0 0 140px 60px #ffb45066}}body.book-mode .decor-waves i{position:absolute;width:200%;height:12%;left:-50%;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.26),transparent 70%);border-radius:50%;animation:bookWave 7s ease-in-out infinite}body.book-mode .decor-waves i:nth-child(1){bottom:30%}body.book-mode .decor-waves i:nth-child(2){bottom:16%;animation-delay:-2.3s;opacity:.7}body.book-mode .decor-waves i:nth-child(3){bottom:4%;animation-delay:-4.6s;opacity:.45}@keyframes bookWave{50%{transform:translate(4%) scaleY(.8)}}body.book-mode .decor-bubbles i{position:absolute;bottom:-30px;border-radius:50%;background:#c8e6fa59;border:1px solid rgba(220,240,255,.5);animation:bookRise linear infinite}@keyframes bookRise{to{transform:translateY(-70vh);opacity:0}}body.book-mode #taka-figure{position:absolute;width:34%;left:14%;top:34%;z-index:2}body.book-mode #taka-figure svg{width:100%;height:auto}body.book-mode .hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--space-8);width:max-content;max-width:min(46%,230px);min-width:64px;min-height:56px;padding:var(--space-8) var(--space-12);cursor:pointer;z-index:3;background:#fbf6eae6;border:2px solid #645844;border-radius:22px;color:#2c221e;box-shadow:0 4px 14px #07152724;filter:url(#handDrawnEdge);transition:background .2s ease,box-shadow .2s ease,transform .2s ease}body.book-mode .hotspot .actor{display:block;width:38px;flex:0 0 38px}.hotspot .actor svg{width:100%;height:auto;display:block}body.book-mode .hotspot .label{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:160px;white-space:normal;overflow-wrap:anywhere;text-align:left;font-size:clamp(11px,1.15vw,15px);font-weight:600;line-height:1.5}body.book-mode .hotspot .hotspot-hint{font-size:clamp(10px,.85vw,12px);font-weight:400;opacity:.8}body.book-mode .hotspot:hover{background:var(--paper-highlight);transform:translate(-50%,-50%) translateY(-2px);z-index:5}body.book-mode .hotspot:focus-visible{outline:3px solid #b39a63;outline-offset:4px;z-index:5}body.book-mode .hotspot:active{transform:translate(-50%,-50%) scale(.97)}body.book-mode .hotspot:disabled{opacity:.55;pointer-events:none}.hotspot[data-actor=deep] .actor circle,.hotspot[data-actor=mic] .actor circle{display:none}.hotspot[data-actor=deep] .actor path{stroke:#495954;stroke-width:3}.hotspot[data-actor=sun] .actor circle{fill:none;stroke:#987d43;stroke-width:2.5}.hotspot[data-actor=sun] .actor g{stroke:#987d43;stroke-width:2.5}.hotspot[data-actor=mic] .actor path,.hotspot[data-actor=mic] .actor rect{stroke:#695d44}@media (max-width: 760px){body.book-mode .hotspot{max-width:calc(100% - 16px);width:min(210px,calc(100% - 16px));padding:var(--space-8) var(--space-10)}body.book-mode .hotspot .actor{width:32px;flex-basis:32px}}body.book-mode .scene-actor{position:absolute;pointer-events:none}body.book-mode .scene-actor svg{width:100%;height:auto;display:block}@keyframes bookHalo{50%{transform:scale(1.25);opacity:.65}}body.book-mode .flip-hint{position:absolute;bottom:4%;left:50%;transform:translate(-50%);color:#ffffffe6;font-size:clamp(11px,1vw,14px);text-shadow:0 1px 4px var(--shadow-40);animation:bookHintFloat 2s ease-in-out infinite;pointer-events:none;z-index:9}@keyframes bookHintFloat{50%{transform:translate(-50%) translateY(-4px)}}body.book-mode .page-text{width:42%;height:100%;position:relative;background:var(--paper);color:var(--paper-ink);display:flex;flex-direction:column;justify-content:center;gap:.9em;padding:4% 4.5%;box-shadow:inset 24px 0 30px -22px #3c281459;cursor:pointer}body.book-mode .page-text:before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)' opacity='0.08'/%3E%3C/svg%3E")}body.book-mode .bubbles{display:flex;flex-direction:column;gap:.55em;flex:1;min-height:0;overflow-y:auto;padding-top:2em;scrollbar-width:thin}body.book-mode .bubble{position:relative;background:transparent;border:0;border-radius:0;padding:.1em 0 .15em;font-size:clamp(15px,1.45vw,18px);line-height:1.9;color:var(--paper-ink);box-shadow:none;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}body.book-mode .bubble.in{opacity:1;transform:none}.bubble .who{position:relative;display:table;isolation:isolate;margin:0 0 .35em;padding:0 .65em;font-size:.72em;font-weight:600;letter-spacing:.08em;background:none;color:#596559;border-radius:0;line-height:1.8}.bubble .who:before{content:"";position:absolute;inset:2px 0;z-index:-1;background:#dce2d5;border-radius:3px 6px 4px 5px;filter:url(#handDrawnEdge);transform:rotate(-1deg)}body.book-mode .bubble.taka-b .who{color:#735b32}body.book-mode .bubble.taka-b .who:before{background:#ead5ae}body.book-mode .bubble.narr{color:#3d312a;font-style:normal}body.book-mode .codex-link{color:var(--gold-deep);border-bottom-color:#b0780099}body.book-mode .pagenum{position:absolute;top:3.5%;left:6%;font-size:clamp(11px,1vw,13px);color:var(--paper-muted);font-style:normal;letter-spacing:2px}body.book-mode .book-choices{display:flex;flex-direction:column;gap:var(--space-10);align-items:flex-end;margin-top:.4em}body.book-mode .choice-btn{background:#fbf6eaeb;border:2px solid var(--paper-line);color:var(--paper-ink);border-radius:18px;padding:.5em 1.2em;font-size:clamp(13px,1.25vw,16px);font-weight:600;min-height:44px;cursor:pointer;box-shadow:0 3px 10px #5a4b3c1a;filter:url(#handDrawnEdge)}body.book-mode .choice-btn:hover{background:var(--paper-highlight);border-color:var(--paper-line)}body.book-mode .choice-btn:focus-visible{outline:3px solid #b39a63;outline-offset:4px}.book-choices .choice-input{border:2px dashed var(--paper-muted);border-radius:16px;padding:var(--space-8) var(--space-10) var(--space-8) 14px;background:#f5eedee6;box-shadow:0 2px 8px #5a4b3c14;filter:url(#handDrawnEdge);animation:none}.book-choices .choice-input:focus-within{border-color:var(--paper-line)}.book-choices .choice-input input{color:var(--paper-ink);font-size:16px}.book-choices .choice-input input::placeholder{color:#8c7b6c}.book-choices .choice-input button{color:#6b5a4c;border:1.5px solid var(--paper-line);background:var(--paper);border-radius:9px;min-width:44px;min-height:44px}.book-choices .choice-input button:hover{background:var(--paper-highlight)}body.book-mode .listen-bar{margin-top:.4em}.rotate-hint{position:fixed;inset:0;z-index:95;background:#040c18b8;backdrop-filter:blur(4px);align-items:center;justify-content:center}.rotate-hint:not([hidden]){display:flex}.rotate-hint[hidden]{display:none}.rh-card{background:#faf6ebf7;border-radius:18px;padding:28px var(--space-32) var(--space-20);display:flex;flex-direction:column;align-items:center;gap:14px;max-width:78vw;box-shadow:0 20px 60px #00000080}.rh-phone{width:34px;height:56px;border:3px solid #4a5a6a;border-radius:8px;animation:rhRotate 2.4s ease-in-out infinite}@keyframes rhRotate{0%,25%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.rh-text{color:#33455a;font-size:16px;letter-spacing:2px;font-weight:600}.rh-ok{background:#f0a83e;color:var(--white);border:none;border-radius:2em;padding:.55em 1.6em;font-size:15px;font-weight:700;letter-spacing:1px;cursor:pointer}.rh-ok:hover{filter:brightness(1.05)}.rh-never{color:#8a97a5;font-size:12px;display:flex;align-items:center;gap:var(--space-6);cursor:pointer}.fi-row[hidden]{display:none}.fi-row{width:100%}.fi-hint{align-self:center;background:#0a1e38e0;color:#eaf3fa;font-size:12px;letter-spacing:1px;padding:var(--space-6) var(--space-16);border-radius:999px;border:1px solid rgba(150,200,230,.3);backdrop-filter:blur(4px);pointer-events:none}.fi-hint.slide{border-color:var(--accent-warm);color:var(--accent-warm)}body.book-mode .book-choices .fi-row{max-width:100%;box-sizing:border-box}.mic-fab{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:75;width:64px;height:64px;border-radius:50%;border:1.5px solid rgba(255,183,3,.5);background:#0a233cd1;backdrop-filter:blur(8px);color:var(--text-frost);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px var(--shadow-40);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .15s ease,box-shadow .15s ease}.mic-fab svg{width:26px;height:26px}.mic-fab[hidden]{display:none}.mic-fab:active{transform:scale(.93)}.mic-fab.awaiting{border-color:#ffb7038c;animation:fiAwait 3s ease-in-out infinite}@keyframes fiAwait{50%{box-shadow:0 0 0 7px #ffb70321,0 6px 20px var(--shadow-40)}}.mic-fab.guiding{border-color:var(--accent-warm);color:var(--accent-warm);animation:fiGuide .9s ease-in-out 3}@keyframes fiGuide{50%{transform:scale(1.18);box-shadow:0 0 0 12px #ffb70347,0 0 0 22px #ffb7031a,0 6px 20px var(--shadow-40)}}.mic-guide-bubble{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:76;max-width:240px;padding:var(--space-10) 14px;border-radius:14px;background:#0a233ceb;border:1.5px solid rgba(255,183,3,.65);color:#ebf5faf5;font-size:14px;line-height:1.5;box-shadow:0 8px 24px #00000073;animation:mgbIn .35s ease}.mic-guide-bubble:after{content:"";position:absolute;right:22px;bottom:-7px;border:7px solid transparent;border-top-color:#ffb703a6;border-bottom:0}.mic-guide-bubble .mgb-sub{font-size:12px;opacity:.72;margin-top:3px}.mic-guide-bubble.bye{opacity:0;transition:opacity .35s}@keyframes mgbIn{0%{opacity:0;transform:translateY(8px)}}.mic-fab.recording{border-color:var(--accent-warm);color:var(--accent-warm);box-shadow:0 0 0 8px #ffb7032e,0 0 0 16px #ffb70312,0 6px 20px var(--shadow-40);animation:fiMicPulse 1.2s ease-in-out infinite}@keyframes fiMicPulse{50%{box-shadow:0 0 0 12px #ffb70342,0 0 0 22px #ffb7031a,0 6px 20px var(--shadow-40)}}body.on-light-bg .mic-fab{background:#16324ae0;color:#eaf3fa;border-color:#16324a73}body.on-shelf .mic-fab{display:none}.choice-btn.voice-chip{display:inline-flex;align-items:center;gap:var(--space-8);border-color:#ffb7038c;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.choice-btn.voice-chip svg{width:18px;height:18px;flex:none}.choice-btn.next-chapter{display:flex;align-items:center;gap:var(--space-12);text-align:left;border-color:var(--accent-dim)}.choice-btn.next-chapter .nc-cover{width:44px;height:44px;flex:none;object-fit:cover;border-radius:8px}.mic-guide-bubble .mgb-anim{position:relative;width:46px;height:46px;margin:0 auto var(--space-6)}.mic-guide-bubble .mgb-anim:before{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-58%);background:radial-gradient(circle at 45% 40%,#fff6d8 0%,var(--accent-warm) 55%,#9c7108 100%);box-shadow:0 0 10px #ffb70380}.mic-guide-bubble .mgb-anim:after{content:"";position:absolute;left:50%;top:0;width:12px;height:12px;border-radius:50%;background:var(--text-frost);box-shadow:0 1px 4px var(--shadow-40);transform:translate(-50%);animation:mgbPress 1.6s ease-in-out infinite}@keyframes mgbPress{0%,to{transform:translate(-50%)}45%,70%{transform:translate(-50%,22px)}}.sp-nav{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-10)}#sp-logout{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:12px;letter-spacing:1px;padding:7px 0;cursor:pointer}#sp-logout:hover{color:var(--low-orange);border-color:var(--low-orange)}#sp-logout[hidden]{display:none}.collect-active #book-stage{display:flex}body.collect-active:not(.book-mode) .dialog{display:none}.spread.collect-mode{background:#0e1e30}.spread.collect-mode .collect-page{width:100%;height:100%;position:relative;overflow:hidden;background-size:cover;background-position:center}.spread.collect-mode .page-text{display:none}.spread.collect-mode .collect-count{position:absolute;left:18px;top:16px;z-index:8;font-size:13px;letter-spacing:1px;color:var(--light-warm);background:#0a233cb8;padding:5px 14px;border-radius:999px;border:1px solid rgba(240,168,62,.5)}.spread.collect-mode .tunnel-glass{position:absolute;inset:0;z-index:6;pointer-events:none}.spread.collect-mode .tunnel-glass svg{width:100%;height:100%;display:block}.spread.collect-mode #taka-figure{z-index:7}.spread.collect-mode .collect-item{position:absolute;transform:translate(-50%,-50%);border:none;background:none;padding:0;cursor:pointer;z-index:5}.spread.collect-mode .collect-item .actor{display:block;width:100%}.collect-mode .collect-item svg{width:100%;height:auto;display:block}.spread.collect-mode .collect-item .halo{position:absolute;inset:-16%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,214,112,.75),transparent 70%);animation:collectPulse 2.2s ease-in-out infinite}@keyframes collectPulse{50%{opacity:.5;transform:scale(1.14)}}.spread.collect-mode .collect-item .label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:max-content;background:#0a233ce0;color:var(--light-warm);font-size:12px;letter-spacing:.5px;padding:var(--space-4) 9px;border-radius:8px;border:1px solid rgba(240,168,62,.5);white-space:nowrap;pointer-events:none}.spread.collect-mode .collect-item.want .actor{animation:collectWant .5s ease}@keyframes collectWant{25%{transform:translateY(-6px)}55%{transform:translateY(2px)}80%{transform:translateY(-2px)}}.spread.collect-mode .collect-item.collected{opacity:.92}.spread.collect-mode .collect-item.recorded .halo{opacity:.9;background:radial-gradient(circle,rgba(255,183,3,.55),transparent 70%);animation:none}.spread.collect-mode .collect-item.recorded:after{content:"✓";position:absolute;right:-6px;top:-10px;width:22px;height:22px;border-radius:50%;background:var(--accent-warm);color:var(--chrome-ink);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.spread.collect-mode .collect-item.collected .actor{opacity:.22;filter:grayscale(.7)}.spread.collect-mode .collect-item.collected .halo{display:none}.spread.collect-mode .collect-item.collected .label{opacity:.55}.spread.collect-mode .collect-item .scan-ring{position:absolute;inset:-18%;border-radius:50%;pointer-events:none;border:2.5px solid rgba(255,200,80,.9);animation:scanRing .7s ease-out forwards}@keyframes scanRing{0%{transform:scale(.45);opacity:1}to{transform:scale(1.7);opacity:0}}.spread.collect-mode .collect-item .label.revealed{animation:labelPop .45s ease;opacity:1}@keyframes labelPop{40%{transform:translate(-50%) scale(1.14)}}.spread.collect-mode #taka-figure.px-mode svg{image-rendering:pixelated}.spread.collect-mode .px-taka .px-body{transform-box:fill-box;transform-origin:center}.spread.collect-mode .px-bubs,.spread.collect-mode .px-scanline{display:none}.spread.collect-mode .px-idle .px-body{animation:pxBob 2.6s ease-in-out infinite}.spread.collect-mode .px-idle .px-eye{animation:pxBreathe 3.2s ease-in-out infinite}.spread.collect-mode .px-swim .px-body{animation:pxSwimTilt 1.1s ease-in-out infinite}.spread.collect-mode .px-swim .px-arm-l,.spread.collect-mode .px-swim .px-arm-r{animation:pxArmTrail 1.1s ease-in-out infinite;transform-box:fill-box}.spread.collect-mode .px-swim .px-bubs{display:block}.spread.collect-mode .px-swim .px-bub{animation:pxBub 1.2s linear infinite}.spread.collect-mode .px-swim .b2{animation-delay:.3s}.spread.collect-mode .px-swim .b3{animation-delay:.6s}.spread.collect-mode .px-scan .px-scanline{display:block;animation:pxScan 1s ease-in-out infinite;opacity:.9}.spread.collect-mode .px-scan .px-eye{filter:brightness(1.35)}.spread.collect-mode .px-interested .px-eye{filter:brightness(1.5)}.spread.collect-mode .px-interested .px-body{animation:pxLean 1.6s ease-in-out infinite}.spread.collect-mode #taka-figure.px-mode.collect-flash .px-eye{filter:brightness(2.2);transition:filter .15s}.spread.collect-mode .collect-item.px-interest .halo{animation-duration:1.1s}@keyframes pxBob{50%{transform:translateY(-1px)}}@keyframes pxBreathe{50%{opacity:.55}}@keyframes pxSwimTilt{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg) translateY(-1px)}}@keyframes pxArmTrail{50%{transform:translateY(1px)}}@keyframes pxBub{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-3px,3px)}}@keyframes pxScan{0%{transform:translateY(0)}to{transform:translateY(14px)}}@keyframes pxLean{50%{transform:scale(1.05) translateY(1px)}}.collect-scanin{position:absolute;inset:0;z-index:12;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(158,216,240,.16) 0 2px,transparent 2px 5px);animation:scanInFlicker .9s steps(9) forwards}@keyframes scanInFlicker{0%{opacity:0}12%{opacity:1}24%{opacity:.25}36%{opacity:.9}55%{opacity:.4}75%{opacity:.75}to{opacity:0}}.spread.collect-mode #taka-figure.collect-flash .eyeGlow{animation:collectFlash .7s ease}@keyframes collectFlash{35%{opacity:.25;filter:brightness(2.1)}}.spread.collect-mode .collect-continue{position:absolute;bottom:20px;right:24px;z-index:9;background:var(--accent-warm);color:#22303a;border:none;border-radius:999px;font-size:16px;letter-spacing:1px;padding:var(--space-12) var(--space-24);cursor:pointer;box-shadow:0 6px 18px var(--shadow-35)}.spread.collect-mode .collect-continue:hover{filter:brightness(1.06)}.spread.collect-mode .collect-continue[hidden]{display:none}.spread.collect-mode .collect-hint{position:absolute;inset:14px 18px auto auto;transform:none;color:#fffffff0;font-size:clamp(11px,1vw,14px);white-space:nowrap;background:#0a233c8c;padding:var(--space-6) 14px;border-radius:999px;border:1px solid rgba(240,168,62,.42);text-shadow:0 1px 4px var(--shadow-40);animation:collectHintFloat 2s ease-in-out infinite;pointer-events:none;z-index:9}@keyframes collectHintFloat{50%{transform:translateY(-4px)}}.spread.collect-mode .collect-rotate{position:absolute;inset:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-16);background:#061628d1;color:var(--light-warm)}.cr-phone{width:44px;height:78px;border:3px solid var(--light-warm);border-radius:9px;position:relative;animation:crRotate 1.8s ease-in-out infinite}.cr-phone:after{content:"";position:absolute;width:46px;height:78px;left:-2px;top:24px;border:3px solid var(--light-warm);border-radius:9px}@keyframes crRotate{0%{transform:rotate(0)}55%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}.cr-text{font-size:15px;letter-spacing:1px}@media (min-width: 700px){.spread.collect-mode .collect-rotate{display:none}}.cf-chat{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(680px,92vw);max-height:46vh;display:flex;flex-direction:column;background:#0e202ef0;border:1px solid rgba(160,200,225,.25);border-radius:14px;z-index:60;backdrop-filter:blur(6px);box-shadow:0 8px 32px var(--shadow-40)}.cf-chat-head{display:flex;align-items:center;padding:var(--space-10) 14px;border-bottom:1px solid rgba(160,200,225,.15);color:var(--text-ice);font-size:15px}.cf-chat-title{flex:1;font-weight:600}.cf-chat-actions{display:flex;gap:var(--space-8);align-items:center}.cf-chat-actions button{background:none;border:1px solid rgba(160,200,225,.35);color:#cfe0ee;border-radius:8px;padding:var(--space-4) var(--space-10);font-size:13px;cursor:pointer}.cf-chat-actions .cf-meow{border-color:var(--accent-warm);color:var(--accent-warm)}.cf-chat-body{padding:var(--space-12) 14px;overflow-y:auto;flex:1}.cf-line{margin-bottom:var(--space-10);display:flex;gap:var(--space-8);align-items:baseline}.cf-line-who{flex:none;font-size:12px;color:var(--text-slate);min-width:44px;text-align:right}.cf-who-cat .cf-line-who{color:var(--accent-warm)}.cf-line-text{color:var(--text-ice);font-size:16px;line-height:1.6}.cf-chat-foot{padding:var(--space-10) 14px;text-align:center;border-top:1px solid rgba(160,200,225,.15)}.cf-to-console{background:var(--accent-warm);color:var(--chrome-ink);border:none;border-radius:10px;padding:var(--space-10) 26px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:1px}.cf-console-overlay{position:fixed;inset:0;background:#040a12b8;z-index:61;display:flex;align-items:center;justify-content:center}.cf-console{width:min(720px,94vw);max-height:84vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#12293a,#0c1c2a);border:1px solid rgba(160,200,225,.3);border-radius:16px;color:var(--text-ice);overflow:hidden}.cf-con-head{display:flex;align-items:baseline;gap:var(--space-10);padding:14px var(--space-16) var(--space-10)}.cf-con-title{font-size:17px;font-weight:700;letter-spacing:1px;color:#9fd0c8}.cf-con-sub{flex:1;font-size:13px;color:var(--text-slate)}.cf-con-note{padding:0 var(--space-16);font-size:12px;color:#e8c37a;opacity:.85;letter-spacing:.3px}.cf-con-head .cf-close,.cf-chat .cf-close{background:none;border:none;color:var(--text-blue-muted);font-size:17px;cursor:pointer}.cf-con-tabs{display:flex;gap:var(--space-6);padding:0 var(--space-16)}.cf-con-tabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-slate);font-size:15px;padding:var(--space-8) 14px;cursor:pointer}.cf-con-tabs button.on{color:var(--accent-warm);border-bottom-color:var(--accent-warm)}.cf-con-page{padding:var(--space-16);overflow-y:auto;flex:1;min-height:200px}.cf-fact{display:flex;gap:var(--space-10);align-items:flex-start;margin-bottom:14px}.cf-fact-play{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,183,3,.6);background:none;color:var(--accent-warm);font-size:13px;cursor:pointer}.cf-fact-text{font-size:16px;line-height:1.7;padding-top:5px}.cf-meow-big{margin:var(--space-4) 0 var(--space-10);background:none;border:1px solid var(--accent-warm);color:var(--accent-warm);border-radius:10px;padding:var(--space-8) 18px;font-size:15px;cursor:pointer}.cf-attr{font-size:11px;color:#5a738a;margin-top:var(--space-8)}.cf-qa-log{min-height:120px;max-height:34vh;overflow-y:auto;margin-bottom:var(--space-12)}.cf-qa-q{text-align:right;margin:var(--space-8) 0;color:var(--gold-light);font-size:15px}.cf-qa-a{margin:var(--space-8) 0;color:var(--text-ice);font-size:16px;line-height:1.7}.cf-qa-row{display:flex;gap:var(--space-8)}.cf-qa-input{flex:1;background:#ffffff0f;border:1px solid rgba(160,200,225,.3);border-radius:10px;padding:var(--space-10) var(--space-12);color:var(--text-ice);font-size:16px}.cf-qa-send{background:var(--accent-warm);color:var(--chrome-ink);border:none;border-radius:10px;padding:var(--space-10) var(--space-20);font-size:15px;font-weight:700;cursor:pointer}.cf-qa-hint{margin-top:var(--space-8);font-size:12px;color:#5a738a}.cf-tags-tip{font-size:15px;color:var(--text-blue-muted);margin-bottom:var(--space-12)}.cf-chips{display:flex;flex-wrap:wrap;gap:var(--space-10);margin-bottom:14px}.cf-chip{background:#ffffff0f;border:1.5px solid rgba(160,200,225,.35);color:#cfe0ee;border-radius:999px;padding:var(--space-10) 18px;font-size:16px;cursor:pointer;transition:border-color .15s,color .15s}.cf-chip.on{border-color:var(--accent-warm);color:var(--accent-warm);background:#ffb7031a}.cf-chip.shake{animation:cfShake .5s ease}@keyframes cfShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.cf-tags-feedback{font-size:15px;margin:var(--space-6) 0 var(--space-12);line-height:1.6}.cf-tags-feedback.ok{color:#7dd69a}.cf-tags-feedback.no{color:var(--gold-light)}.cf-tags-submit{background:var(--accent-warm);color:var(--chrome-ink);border:none;border-radius:10px;padding:11px 26px;font-size:16px;font-weight:700;cursor:pointer}.cf-tags-submit:disabled{opacity:.35;cursor:default}.cf-tags-recorded{text-align:center;padding:40px 0;color:var(--text-blue-muted);font-size:15px}.cf-tags-recorded-mark{font-size:40px;color:var(--accent-warm);margin-bottom:var(--space-8)}.cc-tags{margin-top:var(--space-8)}.cc-tags-label{font-size:12px;color:var(--text-slate);margin-right:var(--space-8)}.cc-tag{display:inline-block;border:1px solid rgba(255,183,3,.55);color:var(--accent-warm);border-radius:999px;padding:3px var(--space-12);font-size:13px;margin:3px var(--space-4) 0 0}body.book-mode .mic-guide-bubble{background:var(--paper);color:var(--paper-ink);border:2px solid var(--paper-line);border-radius:16px;box-shadow:0 4px 14px #0715272e;filter:url(#handDrawnEdge)}body.book-mode .mic-guide-bubble:after{border-top-color:var(--paper-line)}body.book-mode .mic-guide-bubble .mgb-sub{color:#6b5a4c;opacity:1}.choice-btn.continue-action,.collect-continue.continue-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6)}.continue-action .ui-icon{width:14px;height:14px}:root{--font-shell:"Source Han Serif SC","Noto Serif SC","Songti SC","STSong",Georgia,serif;--font-reader:var(--font-story);--ocean:url(../stories/ch01-wind/backgrounds/ch01-background.jpg);--water-white:#e0e6ed;--water-blue:#d0f0fb;--water-glow:118,188,217}:root,[data-theme=dark-ocean]{--paper:#0b1721;--paper-ink:#e3d7c5;--paper-muted:#91a5b3;--paper-line:#314858;--sea:#050d14;--gold:#f0c265;--depth:5,13,20;--ambient:24,68,91;--surface:#102536;--shell-ink:#e3d7c5;--shell-muted:#91a5b3}[data-theme=v5-paper]{--paper:#fbf6ea;--paper-ink:#342c25;--paper-muted:#8b7968;--paper-line:#726451;--sea:#132c3b;--gold:#c99d50;--depth:3,11,30;--ambient:16,49,64;--surface:#f4f0e3;--shell-ink:#ece7d7;--shell-muted:#bdc6bb}[data-theme=dark-ink]{--paper:#121110;--paper-ink:#c7bdae;--paper-muted:#9b8f7e;--paper-line:#443b30;--sea:#0a0908;--gold:#d49b4b;--depth:10,9,8;--ambient:64,47,28;--surface:#221e19;--shell-ink:#d2c5b0;--shell-muted:#a19483}[data-theme=dark-forest],[data-theme=forest-light]{--paper: #f0f4f1;--ink: #1e332a;--muted: #5e7368;--line: #d3dfd8;--paper-ink: var(--ink);--paper-muted: var(--muted);--paper-line: var(--line);--sea: #e2ebe6;--bg-gradient: linear-gradient(180deg, #e4ece7 0%, #d8e4dd 100%);--gold: #38a169;--accent-light: #e6f4ed;--card-bg: #f8faf9;--bubble-bg: rgba(220, 233, 226, .85);--surface: var(--card-bg);--shell-ink: var(--ink);--shell-muted: var(--muted);--depth: 5,11,9;--ambient: 24,68,49}#start-gate{position:relative;overflow:hidden;background:linear-gradient(180deg,#132d47a8,#1a3d4940 52%,#0d273b9e),var(--ocean);background-size:cover;background-position:center}.cover-header{position:absolute;top:26px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;color:#e8eddf;z-index:4}.cover-title{position:absolute;top:20%;left:50%;transform:translate(-50%);text-align:center;width:90%;color:#f6f0dd}.cover-title h1{font-weight:400;font-size:clamp(60px,8vw,100px);letter-spacing:.3em;margin:0 0 14px;padding-left:.3em;text-shadow:0 4px 24px #10283844}.cover-title p{margin:0;font-size:clamp(14px,1.5vw,19px);letter-spacing:3px;color:#e3eadbb5}.wake{position:absolute;left:50%;top:56%;transform:translate(-50%,-32%);padding:0;border:0;background:none;width:290px;color:#f6f0dd;text-align:center;z-index:2}.wake-art{animation:float 6s infinite ease-in-out;position:relative}.wake-art:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#e7c76522,transparent 65%)}.wake-art svg{width:100%;height:auto;filter:drop-shadow(0 3px 8px #0b283555)}.wake-note{display:block;font-size:17px;letter-spacing:2px;margin-top:-15px;text-shadow:0 2px 12px #102838b3}.wake-note small{display:block;font-size:11px;color:#e1e8dba6;letter-spacing:3px;margin-top:var(--space-12)}.wake:hover .wake-art{filter:brightness(1.06)}.wake:focus-visible{outline-offset:15px;border-radius:50%}.cover-line{position:absolute;left:50%;bottom:6%;transform:translate(-50%);color:#e3ecdfaa;font-size:12px;letter-spacing:3px;text-align:center;width:80%}.wake:disabled{opacity:.7}.sea-dots{position:absolute;inset:0;pointer-events:none}.sea-dots i{position:absolute;width:4px;height:4px;border:1px solid #deeeec60;border-radius:50%;animation:drift 10s infinite linear}.sea-dots i:nth-child(1){left:28%;top:75%;animation-delay:-3s}.sea-dots i:nth-child(2){left:64%;top:65%;animation-delay:-6s;width:6px;height:6px}.sea-dots i:nth-child(3){left:42%;top:84%;animation-delay:-1s}@keyframes drift{to{transform:translateY(-100px);opacity:0}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes eyeBreath{0%{opacity:.5}to{opacity:1;filter:drop-shadow(0 0 5px #e6bb6099)}}@media (max-width:559px){.cover-header{left:20px;right:20px;top:18px}.cover-title{top:21%}.wake{width:240px;top:55%}.cover-line{font-size:11px;bottom:7%;line-height:1.8}.wake-note{font-size:16px}}#start-gate{background-image:var(--ocean);background-color:#071623;isolation:isolate}#start-gate:before{content:"";position:absolute;inset:0;background:#030d17;opacity:.965;z-index:0;transition:opacity 1.9s ease}.cover-header{opacity:.45;transition:opacity 1s}.cover-header .brand-small{opacity:0}.cover-title{top:15%;opacity:0;transform:translate(-50%,12px);transition:opacity 1s,transform 1s;z-index:2;pointer-events:none}.cover-title h1{font-size:clamp(45px,6vw,70px);letter-spacing:.2em}.cover-title p,.cover-line{display:none}.wake{top:50%;transform:translate(-50%,-42%);width:290px}.wake-art{animation:deepFloat 8s infinite ease-in-out}.wake-art svg{filter:none;overflow:visible}.wake-art .takaBody{opacity:.045;transition:opacity 1.9s ease}.wake-art .eyeHi{opacity:.25}.wake-art .eyeGlow{animation:deepBreath 5.8s infinite ease-in-out;filter:drop-shadow(0 0 9px #e4aa40a6)}.wake-art:before{inset:42% auto auto 50%;width:170px;height:170px;transform:translate(-50%,-50%);background:radial-gradient(circle,#f8cf672a,#dfad3413 32%,transparent 67%);animation:deepHalo 5.8s infinite ease-in-out;pointer-events:none}.wake-note{font-size:13px;font-weight:400;letter-spacing:2px;color:#d6c5a47d;margin-top:-4px;opacity:.85;transition:opacity .6s}.wake:hover .wake-art{filter:none}.wake:hover .eyeGlow{filter:drop-shadow(0 0 13px #f0bb58bb)}.wake:disabled{opacity:1;cursor:default}.sea-dots{z-index:1;opacity:.22;transition:opacity 1.9s}.wake-ambient{position:absolute;left:50%;top:50%;width:390px;height:230px;transform:translate(-50%,-50%);z-index:1;pointer-events:none;opacity:.42;transition:opacity 1.5s}.wake-fish{position:absolute;width:48px;height:22px;color:#d1af5660;animation:fishDrift 14s infinite ease-in-out}.wake-fish.one{left:10px;top:32px;transform:rotate(8deg)}.wake-fish.two{right:0;bottom:50px;width:34px;opacity:.5;animation-delay:-6s}.wake-ripple{position:absolute;left:50%;top:50%;width:70px;height:70px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;z-index:1;border-radius:50%;background:radial-gradient(circle,transparent 35%,#ffe1a247 51%,#edb55716 62%,transparent 73%);filter:url(#paper-edge)}#start-gate.is-awakening .cover-header{pointer-events:none}#start-gate.is-awakening .eyeGlow{animation:none;opacity:1;fill:#ffe6a3;filter:drop-shadow(0 0 20px #ffc75fe6);transition:fill .3s,filter .5s}#start-gate.is-awakening .eyeHi{opacity:.8}#start-gate.is-awakening .wake-note{opacity:0}#start-gate.is-awakening .wake-art:before{animation:none;opacity:1;background:radial-gradient(circle,#f9d78050,#dfad3420 40%,transparent 68%)}#start-gate.is-illuminating:before{opacity:.12}#start-gate.is-illuminating .takaBody{opacity:1}#start-gate.is-illuminating .wake-ripple{animation:wakeWave 2.25s ease-out forwards}#start-gate.is-illuminating .sea-dots{opacity:.9}#start-gate.is-illuminating .wake-ambient{opacity:0}#start-gate.is-illuminating .cover-header{opacity:.8}#start-gate.is-revealed .cover-title{opacity:1;transform:translate(-50%)}@keyframes deepBreath{0%,to{opacity:.42;filter:drop-shadow(0 0 5px #d69b3299)}50%{opacity:.95;filter:drop-shadow(0 0 14px #efbd4fab)}}@keyframes deepHalo{0%,to{opacity:.35;transform:translate(-50%,-50%) scale(.86)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.13)}}@keyframes deepFloat{50%{transform:translateY(-3px)}}@keyframes fishDrift{50%{translate:22px -6px;opacity:.2}}@keyframes wakeWave{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}75%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%) scale(32)}}@keyframes shellReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:559px){.wake{width:240px;top:50%}.cover-title{top:17%}.wake-note{font-size:12px;letter-spacing:1px}.wake-ambient{width:300px}.wake-art:before{width:145px;height:145px}}@media (prefers-reduced-motion:reduce){#start-gate:before,.wake-art .takaBody,.cover-title,.sea-dots{transition:opacity .2s!important}.wake-art .eyeGlow{opacity:.85!important}}#start-gate:before{transition:opacity 1.5s cubic-bezier(.25,1,.5,1)}#start-gate.is-awakening .eyeGlow{fill:#eac16c;opacity:.75;filter:drop-shadow(0 0 10px #e3ad4699);transition:fill 1.8s,filter 1.8s}#start-gate.is-awakening .wake-art:before{background:radial-gradient(circle,#e8c87530,#dfad3410 38%,transparent 68%);opacity:.55;transition:opacity 2s}#start-gate.is-illuminating .eyeGlow{fill:url(#tk-tkEye-cover);opacity:1;filter:drop-shadow(0 0 19px #edbd59bb)}#start-gate.is-illuminating:before{opacity:.28}#start-gate.is-illuminating .wake-ripple{animation:wakeWave 1.7s cubic-bezier(.25,1,.5,1) forwards}#start-gate.is-illuminating .takaBody{opacity:.75}.cover-title{top:17%;transition:opacity 1.35s cubic-bezier(.25,1,.5,1),transform 1.8s cubic-bezier(.25,1,.5,1);transform:translate(-50%,18px)}.cover-title h1{font-family:Songti SC,STSong,Georgia,serif;font-weight:400;font-size:clamp(48px,6.5vw,76px);letter-spacing:.25em;padding-left:.25em;background:linear-gradient(115deg,#ae8a45,#f2dfad 24%,#c3a064 42%,#f6e9c6 59%,#a58550 79%,#e5c995);background-size:200% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px #dabb7033);animation:goldDrift 12s infinite ease-in-out}.title-mark{display:block;color:#cfbf9ab3;letter-spacing:5px;font-family:Georgia,serif;font-size:10px;margin-top:15px}#start-gate.is-ready .wake-note{opacity:1;transform:translateY(0);color:#e2d1b2b3}#start-gate.is-ready .eyeGlow{animation:readyBreath 5.8s ease-in-out infinite}#start-gate.is-ready .wake-art:before{animation:deepHalo 5.8s infinite ease-in-out}#start-gate.is-ready .wake-note{transition:opacity 1.3s cubic-bezier(.25,1,.5,1);font-size:12px}#start-gate.is-ready .cover-header{pointer-events:auto}#start-gate.is-opening .wake-art{transform:translateY(-6px) scale(1.03);transition:transform .8s cubic-bezier(.25,1,.5,1)}#start-gate.is-opening:before{opacity:.08}@keyframes goldDrift{50%{background-position:100% 50%;transform:translateY(-1px)}}@keyframes readyBreath{0%,to{opacity:.65;filter:drop-shadow(0 0 10px #e7b75988)}50%{opacity:1;filter:drop-shadow(0 0 18px #f1ca82aa)}}@keyframes deckOpen{0%{opacity:0;transform:translateY(24px) scale(.97) rotate(-.6deg)}to{opacity:1;transform:none}}@keyframes cardFloatIn{0%{opacity:0;translate:0 32px}to{opacity:1;translate:0 0}}@media (max-width:559px){.cover-title{top:17%}.cover-title h1{font-size:58px}.title-mark{font-size:9px}}@media (prefers-reduced-motion:reduce){.wake-art{transform:none!important}}.cover-title h1,.title-mark{font-family:var(--font-shell)}.wake-note{font-family:var(--font-shell);letter-spacing:.15em}.torch-overlay{display:none;position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .55s ease;background:radial-gradient(circle 180px at var(--mouse-x,50%) var(--mouse-y,50%),rgba(2,9,16,.05) 0%,rgba(17,55,67,.12) 28%,rgba(12,35,51,.5) 57%,rgba(3,13,23,.965) 100%)}.torch-clue{position:absolute;z-index:1;pointer-events:none;color:#bfd3c4;font-size:12px;letter-spacing:3px;opacity:0;transform:translateY(5px);transition:opacity .55s,transform .8s cubic-bezier(.25,1,.5,1);text-shadow:0 0 10px #97b9a64d}.torch-clue.one{left:19%;top:68%}.torch-clue.two{right:20%;top:35%}.torch-clue.is-lit{opacity:.85;transform:translateY(0)}@media (hover:hover) and (pointer:fine) and (min-width:769px){.torch-overlay{display:block}#start-gate.torch-active:before{opacity:0;transition:opacity .45s}#start-gate.torch-active .torch-overlay{display:block;opacity:1}#start-gate.torch-active .wake-note{color:#dccdaa99;text-shadow:0 1px 8px #061421}#start-gate.torch-active .cover-header{z-index:3}}@media (pointer:coarse),(max-width:768px),(prefers-reduced-motion:reduce){.torch-overlay,.torch-clue{display:none!important}}#start-gate{background:none;background-color:#030b1e;min-height:100dvh}.depth-world{position:absolute;inset:-6%;background:var(--ocean) center/cover;transform:translate(var(--far-x,0px),var(--far-y,0px)) scale(1.06);will-change:transform;transition:transform 1.2s cubic-bezier(.25,1,.5,1);pointer-events:none;z-index:-1;animation:worldSink 3s cubic-bezier(.25,1,.5,1) both}#start-gate:before{background:radial-gradient(ellipse 130px 110px at 50% 49%,#030b1ec9,#030b1ef5 80%,#030b1efb);opacity:1;transition:opacity 1.2s}#start-gate.is-illuminating:before,#start-gate.is-opening:before{opacity:1}#start-gate.torch-active:before{opacity:0}.torch-overlay{background:radial-gradient(circle 155px at var(--mouse-x,50%) var(--mouse-y,50%),rgba(2,12,26,.12) 0%,rgba(16,49,64,.28) 29%,rgba(4,20,39,.8) 65%,rgba(3,11,30,.985) 100%)}.depth-rays{position:absolute;left:-20%;top:-15%;width:140%;height:59%;z-index:1;pointer-events:none;opacity:0;filter:blur(14px);background:linear-gradient(105deg,transparent 24%,rgba(120,182,188,.07) 28%,transparent 33%),linear-gradient(77deg,transparent 46%,rgba(110,170,183,.055) 50%,transparent 58%),radial-gradient(ellipse at 50% 0,#80b8c11c,transparent 65%);transform-origin:50% 0;animation:surfaceBreath 15s infinite alternate ease-in-out;transition:opacity 2.4s}#start-gate.intro-light .depth-rays{opacity:.7}#start-gate.intro-ready .depth-world{animation:none}.depth-front{position:absolute;inset:0;z-index:3;pointer-events:none;transform:translate(var(--near-x,0px),var(--near-y,0px));transition:transform .65s cubic-bezier(.25,1,.5,1);will-change:transform}.depth-weed{position:absolute;width:145px;height:350px;bottom:-90px;color:#264a443b;filter:blur(8px);opacity:.34}.depth-weed.left{left:-55px;rotate:-12deg}.depth-weed.right{right:-58px;rotate:15deg;scale:-1 1;opacity:.25}.depth-motes{position:absolute;inset:0;pointer-events:none}.depth-mote{position:absolute;left:var(--mx);top:var(--my);width:var(--ms);height:var(--ms);border-radius:50%;border:1px solid rgba(168,197,199,.16);background:#a7c6bf06;filter:blur(var(--mb));animation:depthRise var(--md) var(--delay) linear infinite}.wake{translate:var(--mid-x,0px) var(--mid-y,0px);transition:translate .9s cubic-bezier(.25,1,.5,1)}.wake-art .takaBody{opacity:var(--taka-reveal,.035);transition:opacity 1.4s}#start-gate.is-illuminating .takaBody{opacity:var(--taka-reveal,.14)}.wake-art:before{opacity:.14!important;width:120px;height:120px;animation:none!important;transition:opacity 2s,width 2s,height 2s;background:radial-gradient(circle,#f0c26626,transparent 67%)!important}#start-gate.intro-light .wake-art:before{opacity:.65!important;width:150px;height:150px}#start-gate.is-illuminating .wake-art:before{opacity:.9!important;width:190px;height:190px}.wake-arc{position:absolute;left:50%;top:42%;width:82px;height:82px;transform:translate(-50%,-50%);border-radius:50%;opacity:0;pointer-events:none;filter:blur(.4px);background:conic-gradient(from -55deg,transparent 0deg,#e8c47736 16deg,#e8c47716 60deg,transparent 83deg);mask:radial-gradient(closest-side,transparent 94%,var(--black) 96%);-webkit-mask:radial-gradient(closest-side,transparent 94%,var(--black) 96%)}#start-gate.intro-light .wake-arc{animation:localArc 2.4s cubic-bezier(.25,1,.5,1) forwards}#start-gate.is-illuminating .wake-arc{animation:localArcWake 3.5s cubic-bezier(.25,1,.5,1) forwards}#start-gate.is-illuminating .wake-ripple{animation:localWave 2.4s cubic-bezier(.25,1,.5,1) forwards}.cover-title{top:17%;opacity:0;transform:translate(-50%,20px);filter:blur(6px);transition:opacity 2s cubic-bezier(.25,1,.5,1),transform 2.6s cubic-bezier(.25,1,.5,1),filter 2s}#start-gate.intro-ready .cover-title,#start-gate.is-revealed .cover-title{opacity:.68;filter:blur(0);transform:translate(-50%)}.cover-title h1{font-size:clamp(40px,5vw,62px);background-image:linear-gradient(115deg,#947749,#e4d2a0 30%,#b29764 55%,#ddc89b);background-size:200% 100%;filter:drop-shadow(0 1px 9px #c7ab5d22)}.title-mark{font-size:9px;color:#bba98275;letter-spacing:4px}.wake-note{opacity:0!important;filter:blur(3px);transform:translateY(8px);transition:opacity 1.8s,filter 1.8s,transform 2s cubic-bezier(.25,1,.5,1)}#start-gate.intro-ready .wake-note{opacity:.6!important;filter:blur(0);transform:translateY(0)}#start-gate.is-awakening:not(.is-ready) .wake-note{opacity:0!important}#start-gate.is-ready .wake-note{opacity:.8!important;color:#d2c8ac99}.cover-header{opacity:1}.cover-header .quiet{color:#a7b6b08a;background:#0d1d294d;border:1px solid rgba(136,156,151,.1);border-radius:8px;backdrop-filter:blur(8px);padding:5px 11px;font-size:11px;transition:color .5s,border-color .5s,box-shadow .5s}.cover-header .quiet:hover,.cover-header .quiet:focus-visible{color:#e1d3a8;border-color:#ccba7740;box-shadow:0 0 18px #bbaa5520}#start-gate .wake-ambient{opacity:.23}#start-gate.is-illuminating .wake-ambient{opacity:.3}.sea-dots{opacity:.18!important}@keyframes worldSink{0%{transform:translateY(28px) scale(1.13)}to{transform:translateY(0) scale(1.06)}}@keyframes depthRise{0%{translate:0 40px;opacity:0}15%{opacity:.6}80%{opacity:.3}to{translate:12px -130px;opacity:0}}@keyframes surfaceBreath{to{transform:rotate(2deg) translateY(7px)}}@keyframes localArc{0%{opacity:0;width:70px;height:70px}35%{opacity:.65}to{opacity:.17;width:130px;height:130px}}@keyframes localArcWake{0%{opacity:.3;width:85px;height:85px}55%{opacity:.8}to{opacity:.25;width:175px;height:175px}}@keyframes localWave{0%{opacity:.35;transform:translate(-50%,-50%) scale(.8)}70%{opacity:.25}to{opacity:0;transform:translate(-50%,-50%) scale(4.5)}}@media (max-width:559px){.depth-weed{width:105px;height:270px}.depth-weed.left{left:-43px}.depth-weed.right{right:-43px}.cover-title h1{font-size:48px}.title-mark{font-size:8px}.depth-world{background-position:45% center}.wake-art:before{width:100px;height:100px}.wake-note{font-size:11px}}@media (prefers-reduced-motion:reduce){.depth-world,.depth-front,.wake{transform:none!important;translate:none!important;transition:none!important;will-change:auto}.cover-title,.wake-note{filter:none!important}.wake-arc{display:none}}#start-gate{background:var(--sea)}#start-gate:before{background:radial-gradient(ellipse 130px 110px at 50% 49%,rgba(var(--depth),.79),rgba(var(--depth),.96) 80%,rgba(var(--depth),.985))}.torch-overlay{background:radial-gradient(circle 155px at var(--mouse-x,50%) var(--mouse-y,50%),rgba(var(--depth),.12) 0%,rgba(var(--ambient),.28) 29%,rgba(var(--depth),.8) 65%,rgba(var(--depth),.985) 100%)}.cover-title h1{background-image:linear-gradient(115deg,var(--gold),var(--shell-ink) 30%,var(--gold) 55%,var(--shell-ink));filter:drop-shadow(0 1px 9px color-mix(in srgb,var(--gold) 18%,transparent))}.title-mark,.wake-note,.torch-clue{color:var(--shell-muted)}[data-theme=dark-ink] .depth-world{filter:sepia(.38) saturate(.65)}[data-theme=dark-forest] .depth-world{filter:hue-rotate(-18deg) saturate(.72)}.cover-title{mix-blend-mode:screen;isolation:auto}#start-gate.intro-ready .cover-title,#start-gate.is-revealed .cover-title{opacity:.88}.cover-title h1{font-family:LXGW WenKai,STKaiti,KaiTi,Kaiti SC,serif;font-weight:400;font-size:clamp(46px,5.8vw,70px);line-height:1.45;letter-spacing:.16em;padding-left:.16em;background-image:radial-gradient(ellipse at 48% 36%,#f0f1ea 0%,var(--water-white) 30%,var(--water-blue) 70%,#9ec5d7 100%);background-size:100% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 18px rgba(var(--water-glow),.12);filter:url(#title-water-edge) drop-shadow(0 0 5px rgba(var(--water-glow),.16));opacity:var(--title-light,.62);transition:opacity 1.1s ease;mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20400%20120%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22fade%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22/%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22white%22/%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.72%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.13%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20fill%3D%22url%28%23fade%29%22%20d%3D%22M0%200H400V99Q375%20106%20350%20101T300%20104T250%20100T200%20107T150%20102T100%20106T50%20100T0%20105Z%22/%3E%3C/svg%3E);-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20400%20120%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22fade%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22/%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22white%22/%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.72%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.13%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20fill%3D%22url%28%23fade%29%22%20d%3D%22M0%200H400V99Q375%20106%20350%20101T300%20104T250%20100T200%20107T150%20102T100%20106T50%20100T0%20105Z%22/%3E%3C/svg%3E);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;animation:waterTitleFloat 8s ease-in-out infinite}.title-mark{color:#b7d1d9;opacity:.32;font-size:9px;letter-spacing:.29em;animation:waterMarkFloat 9s ease-in-out infinite}.cover-title:before{content:"";position:absolute;left:50%;top:38%;width:200px;height:88px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(var(--water-glow),.04),transparent 70%);filter:blur(12px);pointer-events:none}.torch-overlay{background:radial-gradient(circle 155px at var(--mouse-x,50%) var(--mouse-y,50%),rgba(var(--depth),.12) 0%,rgba(var(--water-glow),.075) 29%,rgba(var(--depth),.8) 65%,rgba(var(--depth),.985) 100%)}@keyframes waterTitleFloat{0%,to{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-3px) rotate(.25deg)}}@keyframes waterMarkFloat{0%,to{transform:translateY(0);opacity:.27}50%{transform:translateY(-1px);opacity:.35}}@media (max-width:559px){.cover-title h1{font-size:52px}.title-mark{font-size:8px;letter-spacing:.2em}}@media (prefers-reduced-motion:reduce){.cover-title h1,.title-mark{animation:none}.cover-title h1{filter:drop-shadow(0 0 4px rgba(var(--water-glow),.12));transition:none}}#start-gate{position:fixed;inset:0;z-index:75;display:block;isolation:isolate;overflow:hidden;font-family:var(--font-shell)}#start-gate[hidden]{display:none!important}#start-gate:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}#start-gate .cover-title{position:absolute;left:50%;width:90%;text-align:center}#start-gate .wake{position:absolute;left:50%;border:0;background:none;padding:0;color:inherit;cursor:pointer;z-index:2;font-family:var(--font-shell)}#start-gate .wake-art{position:relative;width:100%;aspect-ratio:220/210}#start-gate .wake-art svg{width:100%;height:100%}#start-gate .cover-header{position:absolute;left:32px;right:32px;top:24px;z-index:5;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-16)}#start-gate .brand-small{display:none}#start-gate .quiet{border:0;background:none;color:var(--shell-ink);display:flex;align-items:center;gap:var(--space-8);font:12px var(--font-shell);letter-spacing:.1em;cursor:pointer;min-height:44px}#start-gate .quiet svg{width:17px;height:17px}#start-gate .wake-note{display:block;margin-top:25px;white-space:nowrap}#start-gate .title-mark{display:block;margin-top:var(--space-12)}#start-gate .wake-ambient{display:none}.shell-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}body.on-gate .hud,body.on-gate .topbar{visibility:hidden}.shelf-screen{background:linear-gradient(rgba(var(--depth),.78),rgba(var(--depth),.92)),var(--ocean);background-size:cover;background-position:center;color:var(--shell-ink);padding:26px 28px 60px;font-family:var(--font-shell)}.shelf-topbar{position:relative;max-width:1080px;margin:0 auto 28px;padding:0;display:flex;justify-content:space-between;align-items:center;background:none;border:0;gap:var(--space-20);overflow:visible}.shell-logo{font-size:20px;letter-spacing:.2em;white-space:nowrap}.st-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}.st-actions button,.shell-collections button,.shell-tools summary{border:0;background:none;display:flex;align-items:center;gap:7px;color:var(--shell-ink);font-family:var(--font-shell);font-size:12px;letter-spacing:.1em;cursor:pointer;min-height:44px;padding:var(--space-4) 0}.st-actions svg,.shell-collections svg,.shell-tools svg{width:17px;height:17px;flex:none}.shell-theme{display:flex;align-items:center;gap:var(--space-6);font:12px var(--font-shell);color:var(--shell-muted);letter-spacing:.05em}.shell-theme>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.shell-theme select{max-width:160px;background:transparent;color:var(--shell-ink);border:1px solid var(--paper-line);border-radius:8px;padding:7px var(--space-8);font:12px var(--font-shell);min-height:40px;cursor:pointer}.shell-theme option{background:var(--paper);color:var(--paper-ink)}.shell-tools{position:relative;z-index:3}.shell-tools summary{list-style:none}.shell-tools summary::-webkit-details-marker{display:none}.shell-tool-menu{position:absolute;right:0;top:48px;width:180px;background:var(--paper);border:1px solid var(--paper-line);border-radius:12px;padding:var(--space-12) 18px;box-shadow:0 15px 35px #0005;z-index:100}.shell-tool-menu button{color:var(--paper-ink);width:100%}.shelf-inner{max-width:1070px;margin:auto;padding:0 var(--space-20)}.shell-desk-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-20);margin:0 0 28px}.shelf-title{font-size:24px;font-weight:400;color:var(--shell-ink);margin:0 0 var(--space-8);letter-spacing:.1em;text-align:left}.shell-desk-head p,.shell-footer{color:var(--shell-muted);font-size:12px;letter-spacing:.1em}.shell-collections{display:flex;gap:22px;align-items:center}.shell-collections button{color:var(--shell-muted);position:relative;white-space:nowrap}.shelf-journey{display:block;width:100%;max-width:none}.shell-hero-stack{position:relative;isolation:isolate;perspective:1000px;margin:0 var(--space-8) 38px}.shell-hero-stack:before,.shell-hero-stack:after{content:"";position:absolute;inset:8px 5px -8px;border:1px solid var(--paper-line);border-radius:30px;background:var(--surface);z-index:-1;transform:rotate(-1deg);opacity:.65}.shell-hero-stack:after{inset:13px 10px -13px;transform:rotate(.65deg);z-index:-2;opacity:.4}.shelf-card{color:var(--paper-ink);background:var(--surface);border:1px solid color-mix(in srgb,var(--paper-line) 65%,transparent);box-shadow:0 12px 35px #0005;border-radius:28px;overflow:hidden;transition:transform .6s cubic-bezier(.25,1,.5,1);font-family:var(--font-shell);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.shelf-card:hover{transform:translateY(-3px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-color:var(--paper-line)}.journey-hero{display:grid;grid-template-columns:50% 50%;width:100%;padding:0;min-height:0;margin:0;text-align:left}.journey-hero .sc-cover{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0;min-height:260px}.jh-body{background:linear-gradient(115deg,var(--paper),var(--surface));padding:28px 33px;display:flex;flex-direction:column;gap:var(--space-12);justify-content:center}.jh-title{font-size:26px;font-weight:400;line-height:1.5;color:var(--paper-ink)}.jh-kicker,.jh-summary,.sc-summary,.sc-ach{color:var(--paper-muted)}.jh-kicker{font-size:10px;letter-spacing:.15em}.jh-summary{font-size:13px;line-height:1.8}.jh-foot{display:flex;align-items:center;gap:var(--space-16)}.jh-cta{color:var(--gold);background:none;border:0;border-bottom:1px solid var(--paper-line);padding:5px 0;width:fit-content;font-size:15px;border-radius:0}.sc-badge,.sc-badge.new,.sc-badge.going,.sc-badge.done{position:static;background:none;color:var(--paper-muted);border:1px solid var(--paper-line);font:10px var(--font-shell);border-radius:5px;padding:2px 7px}.sc-ach{font-size:10px}.jc-step{display:none}.journey-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24);padding:3px 11px 18px;perspective:1000px}.journey-link{display:none}.journey-card{width:100%;min-width:0;max-width:none;display:block;padding:0;text-align:left;transform:rotate(var(--card-tilt,-1deg)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.journey-card:nth-of-type(2){--card-tilt:1deg}.journey-card:nth-of-type(3){--card-tilt:-.7deg}.journey-card .sc-cover{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:0}.sc-body{background:linear-gradient(var(--surface),var(--paper));padding:17px var(--space-20) var(--space-20)}.sc-title{font-size:17px;color:var(--paper-ink);font-weight:400;line-height:1.5}.sc-summary{display:none}.sc-foot{display:flex;gap:14px;align-items:center;margin-top:var(--space-12)}.shell-footer{text-align:center;margin-top:18px;font-size:10px}@media (max-width:899px){.shell-desk-head{align-items:flex-start;flex-direction:column}.st-actions{gap:var(--space-12)}.shelf-inner{padding:0}.jh-body{padding:var(--space-24)}}@media (max-width:559px){.shelf-screen{padding:var(--space-20) var(--space-16) 50px}.shelf-topbar{align-items:flex-start;gap:var(--space-8)}.st-actions{gap:var(--space-6)}.shell-logo{font-size:17px;padding-top:var(--space-10)}.shell-theme select{max-width:132px;font-size:11px}.st-actions button,.shell-tools summary{font-size:11px}.journey-hero{grid-template-columns:1fr}.journey-hero .sc-cover{aspect-ratio:16/9;min-height:0}.jh-title{font-size:25px}.journey-row{display:flex;overflow-x:auto;gap:19px;padding:5px 5px 18px;scroll-snap-type:x mandatory}.journey-card{flex:0 0 80%;scroll-snap-align:start}.shell-collections{gap:18px}.shelf-title{font-size:24px}#start-gate .cover-header{left:16px;right:16px;gap:var(--space-12)}#start-gate .wake-note{font-size:11px;letter-spacing:1px}}@media (prefers-reduced-motion:reduce){.shelf-card,.shelf-card:hover,.journey-card{transform:none;transition:none;animation:none}.shell-hero-stack:before,.shell-hero-stack:after{transform:none}}body.book-mode .bubble.narr,.bubble .who{color:var(--paper-ink)}.bubble .who:before{background:var(--surface)}body.book-mode .bubble.taka-b .who{color:var(--gold)}body.book-mode .bubble.taka-b .who:before{background:color-mix(in srgb,var(--gold) 15%,var(--paper))}body.book-mode .choice-btn,.book-choices .choice-input{background:var(--surface);color:var(--paper-ink)}body.book-mode .choice-btn:hover,.book-choices .choice-input button:hover{background:color-mix(in srgb,var(--surface) 85%,var(--gold))}.book-choices .choice-input input::placeholder{color:var(--paper-muted)}.book-choices .choice-input button{color:var(--paper-ink)}body.book-mode .codex-link{color:var(--gold);border-bottom-color:var(--gold)}.journey-hero:hover .jh-cta{box-shadow:none}.jh-foot{justify-content:flex-start}.jh-cta{box-shadow:none}#settings-panel .shell-theme{margin-top:var(--space-16)}#settings-panel .shell-theme>span{position:static;width:auto;height:auto;clip-path:none}#settings-panel .shell-theme select{color:var(--paper-ink);background:var(--paper)}body.book-mode .hotspot{background:color-mix(in srgb,var(--paper) 92%,transparent);border-color:var(--paper-line);color:var(--paper-ink)}body.book-mode .hotspot:hover{background:var(--surface)}.hotspot[data-actor=deep] .actor path{stroke:var(--paper-muted)}.hotspot[data-actor=sun] .actor circle{stroke:var(--gold)}body.book-mode .mic-guide-bubble .mgb-sub{color:var(--paper-muted)}.shelf-screen .shell-tool-menu button,.shelf-screen .shell-tool-menu .lang-toggle{color:var(--paper-ink);border:0;background:none}.shelf-screen .shell-tool-menu button:hover,.shelf-screen .shell-tool-menu .lang-toggle:hover{color:var(--paper-ink);background:color-mix(in srgb,var(--paper-ink) 6%,transparent);border-radius:6px}:is([data-theme=dark-forest],[data-theme=forest-light]) .shelf-screen{background:var(--bg-gradient)}:is([data-theme=dark-forest],[data-theme=forest-light]) .shelf-card{box-shadow:0 12px 35px #355c4614}:is([data-theme=dark-forest],[data-theme=forest-light]) .shelf-child{color:var(--ink);border-color:var(--line);background:var(--card-bg)}:is([data-theme=dark-forest],[data-theme=forest-light]) body.book-mode .choice-btn,:is([data-theme=dark-forest],[data-theme=forest-light]) .book-choices .choice-input,:is([data-theme=dark-forest],[data-theme=forest-light]) body.book-mode .hotspot{background:var(--bubble-bg)}:is([data-theme=dark-forest],[data-theme=forest-light]) .bubble .who:before{background:var(--accent-light)}:is([data-theme=dark-forest],[data-theme=forest-light]) #start-gate{--shell-ink:#d2e4dc;--shell-muted:#86a89b;--paper-line:#607b7077}#start-gate.bubble-opening .depth-world{animation:none;filter:brightness(.6) saturate(.75);transition:transform .55s ease}#start-gate.bubble-opening:before{background:radial-gradient(ellipse 154px 124px at 50% 52%,rgba(var(--depth),.55) 0 53%,rgba(var(--depth),.72) 66%,rgba(var(--depth),.94) 84%,rgba(var(--depth),.985));transition:opacity .2s}#start-gate.bubble-opening.torch-active:before{opacity:0}#start-gate.bubble-opening .torch-overlay{background:radial-gradient(ellipse 154px 124px at var(--mouse-x,50%) var(--mouse-y,52%),rgba(var(--depth),.55) 0 53%,rgba(var(--depth),.72) 66%,rgba(var(--depth),.94) 84%,rgba(var(--depth),.985) 100%)}#start-gate.bubble-opening .depth-rays{opacity:.35;transition:none}#start-gate.bubble-opening .wake{top:52%;width:260px;transform:translate(-50%,-42%)}#start-gate.bubble-opening .wake-art{animation:opening-float 6s ease-in-out infinite}#start-gate.bubble-opening .wake-art .takaBody{opacity:var(--taka-reveal,.08);transition:opacity .4s}#start-gate.bubble-opening .wake-art .eyeGlow{animation:opening-pulse 4s ease-in-out infinite;filter:drop-shadow(0 0 2px #ffd77b95)}#start-gate.bubble-opening .wake-art .eyeHi{opacity:.55}#start-gate.bubble-opening .wake-art:before{width:74px!important;height:74px!important;top:42%;opacity:.4!important;background:radial-gradient(circle,#f0c87e22 0 27%,#d5ac500d 48%,transparent 70%)!important;transition:opacity .25s!important}#start-gate.bubble-opening .wake-note{position:absolute;top:calc(100% + 14px);left:-30px;right:-30px;margin:0;font-size:12px;line-height:1.8;letter-spacing:.13em;color:#a4b4ab9c;filter:none;transform:none;opacity:.75!important;transition:opacity .16s}#start-gate.bubble-opening.is-awakening .wake-note{opacity:0!important}#start-gate.bubble-opening .wake-arc,#start-gate.bubble-opening .wake-ripple,#start-gate.bubble-opening .wake-ambient{display:none}#start-gate.bubble-opening .cover-title{width:206px;top:15%;opacity:0;filter:none;transform:translate(-50%,7px);transition:opacity .3s,transform .4s;z-index:4}#start-gate.bubble-opening .cover-title:before{display:none}#start-gate.bubble-opening .cover-title h1{margin:0;padding:0;width:100%;font-size:0;line-height:0;letter-spacing:normal;background:none;color:#bcc9c6;opacity:1;filter:drop-shadow(0 1px 0 var(--black));mask-image:none;-webkit-mask-image:none;animation:none;transform:none;mix-blend-mode:normal}.opening-title-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.nameplate-lettering{display:block;width:100%;height:auto}.nameplate-lettering .engraved{fill:currentColor}#start-gate.bubble-opening .title-mark{display:flex;align-items:center;justify-content:center;gap:var(--space-12);font:7px Georgia,serif;letter-spacing:.16em;color:#8d9d96;opacity:1;margin-top:var(--space-4);white-space:nowrap;animation:none}#start-gate.bubble-opening .title-mark:before,#start-gate.bubble-opening .title-mark:after{content:"";width:4px;height:4px;border:1px solid #8d9d9660;border-radius:50%;flex:none}.wake-bubbles{position:absolute;z-index:2;pointer-events:none;left:50%;width:110px;top:20%;bottom:48%;transform:translate(-50%)}.wake-bubbles i{position:absolute;left:var(--bx);bottom:0;width:var(--size);height:var(--size);border:1px solid #bed6d66b;border-radius:49%;box-shadow:inset 0 1px #e2e8d53d;opacity:0}.opening-cone{position:absolute;z-index:2;pointer-events:none;left:50%;top:13%;height:39%;width:min(58vw,480px);transform:translate(-50%);background:linear-gradient(0deg,#f0c87e20,#b3d2cf06 68%,transparent);clip-path:polygon(49% 100%,25% 0,75% 0,51% 100%);opacity:0;mix-blend-mode:screen}#start-gate.bubble-opening.is-awakening .wake-art{animation:none}#start-gate.bubble-opening.is-awakening .eyeGlow{animation:opening-eye-wake .3s both;filter:drop-shadow(0 0 3px #ffc65fbb)}#start-gate.bubble-opening.is-awakening .wake-bubbles i{animation:opening-bubble 1.25s var(--delay) linear both}#start-gate.bubble-opening.is-illuminating .takaBody{opacity:.26}#start-gate.bubble-opening.is-illuminating .opening-cone{animation:opening-beam .95s both}#start-gate.bubble-opening.is-revealed .cover-title{opacity:.82;transform:translate(-50%)}#start-gate.bubble-opening.is-opening{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility 0s linear .35s}@keyframes opening-pulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes opening-float{50%{transform:translateY(-2px)}}@keyframes opening-eye-wake{0%{opacity:.72}40%{opacity:1;filter:drop-shadow(0 0 6px #ffdfa9)}to{opacity:1;filter:drop-shadow(0 0 3px #ffc65f)}}@keyframes opening-bubble{0%{opacity:0;transform:translate(0) scale(.7)}20%{opacity:.6}85%{opacity:.3}to{opacity:0;transform:translate(var(--drift),min(-28svh,-75px)) scale(1.2)}}@keyframes opening-beam{0%{opacity:0;clip-path:polygon(49% 100%,45% 0,55% 0,51% 100%)}45%{opacity:.75}to{opacity:.24;clip-path:polygon(49% 100%,25% 0,75% 0,51% 100%)}}@media (max-width:600px){#start-gate.bubble-opening .wake{width:230px;top:52%}#start-gate.bubble-opening .cover-title{width:180px;top:16%}#start-gate.bubble-opening .wake-note{font-size:11px}.opening-cone{width:300px;top:16%;height:36%}}@media (max-height:500px) and (orientation:landscape){#start-gate.bubble-opening .wake{width:min(170px,40svh);top:47%}#start-gate.bubble-opening .cover-title{top:7%;width:min(118px,32svh)}#start-gate.bubble-opening .title-mark{font-size:6px;gap:var(--space-6);margin-top:0}#start-gate.bubble-opening .wake-note{top:calc(100% + 8px);font-size:10px}.opening-cone{top:11%;height:36%}.wake-bubbles{top:19%;bottom:53%}}@media (prefers-reduced-motion:reduce){#start-gate.bubble-opening .wake-art,#start-gate.bubble-opening .wake-art .eyeGlow{animation:none!important}.wake-bubbles,.opening-cone{display:none}#start-gate.bubble-opening .cover-title{transition:opacity .1s;transform:translate(-50%)}#start-gate.bubble-opening.is-opening{transition:opacity .15s,visibility 0s linear .15s}}body:is(.on-gate,.on-shelf) :is(#taka-figure,.dialog,#book-stage){visibility:hidden}:root{--reader-width:min(94vw,1120px,calc((96dvh - 92px)*16/9));--drawer-ink:var(--paper-ink);--drawer-muted:var(--paper-muted)}#reader-back{position:absolute;left:20px;top:14px;z-index:70;min-height:44px;border:0;background:none;display:flex;align-items:center;gap:7px;color:#adbfb9;font:12px var(--font-shell);letter-spacing:.08em;cursor:pointer;opacity:.82;padding:var(--space-6) 2px}#reader-back:hover{opacity:1;color:#e2e7df}body.on-shelf #reader-back,body.on-gate #reader-back{display:none}#stage>.hud{position:absolute;right:20px;top:14px;display:flex;align-items:center;gap:var(--space-8);height:44px;color:#aebeb8;letter-spacing:.03em}#stage #settings-btn{position:static;display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;min-width:44px;margin-right:5px;border:0;background:none;color:#93a6a6;opacity:.46;padding:var(--space-10);cursor:pointer}#stage #settings-btn:hover,#stage #settings-btn:focus-visible{opacity:1;color:#d8dfd8}#stage #settings-btn svg{width:24px;height:24px;stroke-width:1.7;transform:rotate(-7deg)}#stage>.hud .core-ico{width:23px;height:23px}body.book-mode:not(.on-shelf):not(.on-gate) .bg-layer{filter:brightness(.52) saturate(.85);opacity:0;background-size:cover;background-position:center}body.book-mode:not(.on-shelf):not(.on-gate) .bg-layer.show{opacity:.58}body.book-mode:not(.on-shelf):not(.on-gate) .bg-shade{background:#02091029}body.book-mode .spread{width:var(--reader-width);border-radius:24px;box-shadow:0 24px 80px #0008,0 0 0 1px #ffffff0a}body.book-mode #reader-back{left:calc((100% - var(--reader-width))/2);top:calc((100dvh + 30px - var(--reader-width)*9/16)/2 - 61px)}body.book-mode #stage>.hud{right:calc((100% - var(--reader-width))/2);top:calc((100dvh + 30px - var(--reader-width)*9/16)/2 - 61px)}body.book-mode .page-text{justify-content:flex-start;gap:0;padding:var(--space-24) 29px 25px;font-family:var(--font-reader)}body.book-mode .reader-page-header{flex:none;padding:var(--space-8) 0 17px;border-bottom:1px solid color-mix(in srgb,var(--paper-line) 55%,transparent);margin-bottom:22px}body.book-mode .reader-page-header .pagenum{position:static;font:12px var(--font-shell);letter-spacing:.1em;color:var(--paper-muted)}body.book-mode .bubbles{padding-top:0;gap:.5em}body.book-mode .book-choices{padding-top:14px;flex:none;margin-top:0}body.book-mode .page-text .listen-bar{flex:none}.settings-overlay{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end;background:#02081000;backdrop-filter:blur(0);transition:background .28s,backdrop-filter .28s}.settings-overlay[hidden],#settings-panel[hidden]{display:none!important}.settings-overlay.is-open{background:#02081080;backdrop-filter:blur(3px)}#settings-panel.reading-drawer{position:relative;inset:auto;width:370px;max-width:calc(100% - 28px);height:100dvh;max-height:none;overflow-y:auto;margin:0;padding:31px 28px 30px;border:0;border-left:1px solid var(--paper-line);border-radius:0;background:linear-gradient(135deg,var(--surface),var(--paper) 75%);color:var(--drawer-ink);box-shadow:-20px 0 70px color-mix(in srgb,var(--paper-ink) 20%,transparent);font-family:var(--font-reader);font-size:14px;transform:translate(100%);transition:transform .42s cubic-bezier(.25,1,.5,1);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--paper-line) transparent;outline:0;display:block}.settings-overlay.is-open #settings-panel{transform:none}.rd-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.rd-eyebrow{display:block;font:9px var(--font-shell);letter-spacing:.23em;color:var(--drawer-muted);margin-bottom:var(--space-10)}.rd-heading h2{font:23px var(--font-shell);letter-spacing:.08em;color:var(--drawer-ink);margin:0}#settings-close{width:44px;height:44px;border:0;background:none;color:var(--drawer-muted);font-size:25px;border-radius:12px;cursor:pointer}#settings-close:hover{background:var(--surface);color:var(--drawer-ink)}.rd-section{padding:19px 0 22px;border-top:1px solid var(--paper-line)}.rd-section h3,.rd-advanced summary{font:11px var(--font-shell);letter-spacing:.15em;color:var(--drawer-muted);font-weight:400;margin:0 0 17px}.rd-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);margin:11px 0;min-height:44px}.rd-row>span{font-size:15px}#settings-panel .shell-theme{display:flex;align-items:center;justify-content:space-between;margin:0;gap:var(--space-16)}#settings-panel .shell-theme>span{position:static;clip-path:none;width:auto;height:auto;overflow:visible;font:15px var(--font-reader);color:var(--drawer-ink)}#settings-panel select,#settings-panel .shell-theme select{min-height:44px;background:var(--surface);border:1px solid var(--paper-line);border-radius:9px;color:var(--drawer-ink);font:12px var(--font-shell);padding:var(--space-8) var(--space-10);max-width:176px;width:auto}#settings-panel option{background:var(--paper);color:var(--drawer-ink)}#settings-panel .rd-row button{position:static;inset:auto;min-width:44px;min-height:44px;width:auto;height:auto;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--drawer-ink);opacity:1;padding:var(--space-6);transform:none;font:13px var(--font-shell);cursor:pointer}.rd-row button svg{width:21px;height:21px;filter:none;stroke-width:1.7}#settings-panel .rd-row :is(#speech-btn,#sfx-btn)[aria-pressed=false]{opacity:.45}.rd-volume{display:flex;align-items:center;justify-content:space-between;margin:17px 0 var(--space-8);color:var(--drawer-ink)}.rd-volume output{font:11px var(--font-shell);color:var(--drawer-muted)}#sp-volume{width:100%;height:30px;accent-color:var(--gold);cursor:pointer}#sp-volume:disabled{opacity:.3}#sp-energy-value{font:20px var(--font-shell);color:var(--gold)}#settings-panel .rd-library>button{position:static;display:block;border:0;background:none;color:var(--drawer-ink);min-height:44px;text-align:left;width:100%;font:14px var(--font-reader);padding:7px 0;cursor:pointer}#settings-panel .rd-library .rd-row{margin:0}#settings-panel .rd-library .rd-row:has(#log-btn),#settings-panel .rd-library .rd-row:has(#ach-btn){position:relative}#settings-panel .rd-library #log-btn,#settings-panel .rd-library #ach-btn{position:absolute;inset:0;width:100%;height:100%;justify-content:flex-start}.rd-library #log-btn svg,.rd-library #ach-btn svg{display:none}#settings-panel .rd-advanced summary{cursor:pointer;min-height:32px;margin-bottom:0}#settings-panel .rd-advanced[open] summary{margin-bottom:18px}#settings-panel .rd-advanced>label{display:block;margin:var(--space-12) 0;color:var(--drawer-ink);line-height:1.8;font-size:13px}#settings-panel .rd-advanced .sp-toggle{display:flex;align-items:flex-start;gap:9px}#settings-panel .sp-note{font-size:11px;color:var(--drawer-muted);line-height:1.8;margin-top:var(--space-16)}#settings-panel .sp-nav{margin-top:15px;border-top:1px solid var(--paper-line);padding-top:var(--space-16)}#settings-panel .sp-nav button{color:var(--drawer-ink);border-color:var(--paper-line);background:none;border-radius:9px;padding:var(--space-8) var(--space-10);min-height:44px;font-size:13px}#settings-panel button:focus-visible,#settings-panel select:focus-visible,#settings-panel summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (max-width:899px){body.book-mode .page-text{padding:18px 22px}body.book-mode .reader-page-header{padding-bottom:13px;margin-bottom:var(--space-16)}}@media (max-width:699px){#reader-back{left:14px;font-size:11px}#stage>.hud{right:14px;font-size:11px;gap:var(--space-6)}#settings-panel.reading-drawer{width:345px;padding:var(--space-24)}.rd-heading{margin-bottom:var(--space-20)}.rd-section{padding:var(--space-16) 0}body.book-mode .reader-page-header{margin-bottom:9px;padding-bottom:9px}body.book-mode .page-text{padding:var(--space-12) var(--space-16)}body.book-mode .reader-page-header .pagenum{font-size:10px}}@media (prefers-reduced-motion:reduce){#settings-panel.reading-drawer,.settings-overlay{transition:none}}body.on-shelf #stage>.hud,body.on-gate #stage>.hud{display:none}#settings-panel .rd-volume{display:flex;justify-content:space-between;align-items:center;width:100%;margin:17px 0 var(--space-8)}#settings-panel .rd-row :is(#speech-btn,#sfx-btn){position:relative;width:44px;height:44px;padding:0;background:none;opacity:1}#settings-panel :is(#speech-btn,#sfx-btn) svg{display:none}#settings-panel :is(#speech-btn,#sfx-btn):before{content:"";position:absolute;left:0;right:0;top:9px;height:26px;border:1px solid var(--paper-line);border-radius:20px;background:var(--gold)}#settings-panel :is(#speech-btn,#sfx-btn):after{content:"";position:absolute;left:21px;top:13px;width:18px;height:18px;border-radius:50%;background:var(--paper);transition:left .22s,background .22s}#settings-panel :is(#speech-btn,#sfx-btn)[aria-pressed=false]:before{background:var(--surface);border-color:var(--paper-line)}#settings-panel :is(#speech-btn,#sfx-btn)[aria-pressed=false]:after{left:3px;background:var(--drawer-muted)}:is([data-theme=dark-forest],[data-theme=forest-light]) body.book-mode:not(.on-shelf):not(.on-gate){background:var(--bg-gradient)}:is([data-theme=dark-forest],[data-theme=forest-light]) body.book-mode:not(.on-shelf):not(.on-gate) .bg-layer{filter:brightness(.65) saturate(.8)}:is([data-theme=dark-forest],[data-theme=forest-light]) body.book-mode:not(.on-shelf):not(.on-gate) .bg-layer.show{opacity:.36}:is([data-theme=dark-forest],[data-theme=forest-light]) body.book-mode:not(.on-shelf):not(.on-gate) .bg-shade{background:#e2ebe647}:is([data-theme=dark-forest],[data-theme=forest-light]) #reader-back,:is([data-theme=dark-forest],[data-theme=forest-light]) #stage>.hud,:is([data-theme=dark-forest],[data-theme=forest-light]) #stage #settings-btn{color:var(--muted)}:is([data-theme=dark-forest],[data-theme=forest-light]) #reader-back:hover,:is([data-theme=dark-forest],[data-theme=forest-light]) #stage #settings-btn:hover{color:var(--ink)}:is([data-theme=dark-forest],[data-theme=forest-light]) body.book-mode .spread{box-shadow:0 24px 70px #355c4625,0 0 0 1px #355c4614}#settings-panel input[type=checkbox],#settings-panel #sp-rate{accent-color:var(--gold)}.mic-guide-bubble[data-guide-side]{pointer-events:none}.mic-guide-bubble.guide-compact{max-width:190px;font-size:12px;padding:var(--space-8) var(--space-12)}.mic-guide-bubble.guide-compact .mgb-anim{display:none}.mic-guide-bubble[data-guide-side]:after{left:var(--guide-arrow-x);right:auto}.mic-guide-bubble[data-guide-side=below]:after{top:-7px;bottom:auto;border-top:0;border-bottom:7px solid var(--paper-line)}.mic-guide-bubble[data-guide-side=left]:after{left:auto;right:-7px;top:var(--guide-arrow-y);bottom:auto;transform:translateY(-50%);border:7px solid transparent;border-right:0;border-left-color:var(--paper-line)}.mic-guide-bubble[data-guide-side=right]:after{left:-7px;right:auto;top:var(--guide-arrow-y);bottom:auto;transform:translateY(-50%);border:7px solid transparent;border-left:0;border-right-color:var(--paper-line)}.mic-guide-bubble[data-guide-side=none]:after{display:none}body:not(.book-mode) #dialog{background:var(--paper);background-image:radial-gradient(color-mix(in srgb,var(--paper-ink) 1.5%,transparent) .7px,transparent .8px);background-size:4px 4px;color:var(--paper-ink);border:1px solid color-mix(in srgb,var(--paper-line) 65%,transparent);border-radius:20px;box-shadow:0 14px 40px #07151f25;backdrop-filter:none;-webkit-backdrop-filter:none;padding:22px var(--space-24);font-family:var(--font-reader)}body:not(.book-mode) #speaker-label{color:var(--paper-muted);font:12px var(--font-shell);letter-spacing:.13em;padding:0 0 13px;margin-bottom:13px;border-bottom:1px solid color-mix(in srgb,var(--paper-line) 50%,transparent)}body:not(.book-mode) #story-text{color:var(--paper-ink);font:17px/2 var(--font-reader);font-style:normal;letter-spacing:.03em;scrollbar-color:var(--paper-line) transparent}body:not(.book-mode) #story-text .codex-link{color:var(--gold);border-bottom-color:var(--gold)}body:not(.book-mode) #choices{gap:var(--space-10)}body:not(.book-mode) #choices .choice-btn{min-height:48px;background:var(--surface);border:1px solid var(--paper-line);border-radius:13px;box-shadow:0 3px 10px color-mix(in srgb,var(--paper-ink) 6%,transparent);color:var(--paper-ink);font:15px/1.65 var(--font-reader);padding:var(--space-10) var(--space-16);letter-spacing:.02em}body:not(.book-mode) #choices .choice-btn:hover{background:color-mix(in srgb,var(--surface) 90%,var(--gold));border-color:var(--gold);transform:none}body:not(.book-mode) #choices .choice-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}body:not(.book-mode):has(#mic-fab.recording) #choices .voice-chip{color:var(--gold);border-color:var(--gold);background:var(--panel-tint)}body:not(.book-mode) .choice-input{background:color-mix(in srgb,var(--surface) 65%,var(--paper));border:1px solid var(--paper-line);border-radius:13px;min-height:52px;padding:var(--space-4) 5px var(--space-4) 15px;box-shadow:none;color:var(--paper-ink)}body:not(.book-mode) .choice-input:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 15%,transparent)}body:not(.book-mode) .choice-input input{color:var(--paper-ink);font:16px var(--font-reader)}body:not(.book-mode) .choice-input input::placeholder{color:var(--paper-muted);letter-spacing:.04em;opacity:1}body:not(.book-mode) .choice-input button{min-width:44px;min-height:44px;border:1px solid var(--paper-line);color:var(--paper-ink);background:var(--paper);border-radius:10px}body:not(.book-mode) .choice-input button:hover,body:not(.book-mode) .choice-input button.recording{border-color:var(--gold);color:var(--gold)}body:not(.book-mode) #listen-bar span{color:var(--paper-muted);font:12px/1.8 var(--font-reader);letter-spacing:.08em}body:not(.book-mode) #listen-bar .progress-track{background:var(--paper-line)}body:not(.book-mode) #listen-bar .progress-fill{background:var(--gold)}body:not(.book-mode) .mic-fab{background:var(--surface);border-color:var(--paper-line);color:var(--paper-ink);box-shadow:0 5px 18px #07151f30}body:not(.book-mode) .mic-fab.recording{color:var(--gold);border-color:var(--gold)}body:not(.book-mode) .mic-guide-bubble{background:var(--paper);border-color:var(--paper-line);color:var(--paper-ink);font-family:var(--font-reader);box-shadow:0 7px 20px #07151f30}body:not(.book-mode) .mic-guide-bubble:after{border-top-color:var(--paper-line)}body:not(.book-mode) .mic-guide-bubble .mgb-sub{color:var(--paper-muted)}body:not(.book-mode) .mic-guide-bubble.guide-inline{position:static;max-width:none;width:100%;box-sizing:border-box;pointer-events:none;margin:2px 0;background:var(--surface);box-shadow:none;padding:var(--space-12) var(--space-16)}body:not(.book-mode) .mic-guide-bubble.guide-inline:after{display:none}body:not(.book-mode) .mic-guide-bubble.guide-inline .mgb-anim{display:none}.rotate-hint .rh-card{background:var(--paper);color:var(--paper-ink);border-color:var(--paper-line);font-family:var(--font-reader)}@media (orientation:portrait){body:not(.book-mode):not(.on-gate):not(.on-shelf){background:var(--sea);overflow-x:hidden}body:not(.book-mode):not(.on-gate):not(.on-shelf) .bg-layer{filter:brightness(.65) saturate(.85)}body:not(.book-mode):not(.on-gate):not(.on-shelf) .bg-shade{background:#05101b38}body:not(.book-mode) #stage{padding:calc(68px + env(safe-area-inset-top,0px)) var(--space-16) calc(90px + env(safe-area-inset-bottom,0px));gap:0}body:not(.book-mode) #stage>.hud{top:calc(12px + env(safe-area-inset-top,0px));right:16px}body:not(.book-mode) #reader-back{top:calc(12px + env(safe-area-inset-top,0px));left:16px}body:not(.book-mode) .taka-figure{margin:var(--space-4) 0 14px}body:not(.book-mode) .taka-figure svg{height:clamp(180px,25svh,240px)}body:not(.book-mode) #dialog{margin-top:0;padding:22px 21px;width:100%;height:auto}body:not(.book-mode) #story-text{flex:none;max-height:none;overflow-y:visible;line-height:2.1}body:not(.book-mode) #choices{position:static;min-width:0;width:100%;margin-top:var(--space-20)}:is([data-theme=dark-forest],[data-theme=forest-light]) body:not(.book-mode):not(.on-gate):not(.on-shelf) .bg-shade{background:#e2ebe63d}:is([data-theme=dark-forest],[data-theme=forest-light]) body:not(.book-mode):not(.on-gate):not(.on-shelf) .bg-layer{filter:brightness(.9) saturate(.65)}:is([data-theme=dark-forest],[data-theme=forest-light]) body:not(.book-mode):not(.on-gate):not(.on-shelf) .bg-layer.show{opacity:.5}}.rotate-hint .rh-text{color:var(--paper-ink);font-family:var(--font-reader)}.rotate-hint .rh-phone{border-color:var(--paper-muted)}.rotate-hint .rh-ok{background:var(--surface);color:var(--paper-ink);border:1px solid var(--paper-line);min-height:44px;font-family:var(--font-reader)}.rotate-hint .rh-never{color:var(--paper-muted)}@media (pointer:coarse) and (orientation:landscape){body:not(.book-mode):not(.on-gate):not(.on-shelf){overflow-y:auto}body:not(.book-mode) #stage{display:flex;flex-direction:column;align-items:center;height:auto;min-height:100dvh;padding:68px var(--space-16) var(--space-32)}body:not(.book-mode) .taka-figure{position:static;order:1;margin:0 0 var(--space-16)}body:not(.book-mode) .taka-figure svg{height:160px}body:not(.book-mode) #dialog{position:static;order:2;width:100%;height:auto;margin:0}body:not(.book-mode) #story-text{flex:none;max-height:none;overflow-y:visible}body:not(.book-mode) #choices{position:static;width:100%;min-width:0;margin-top:var(--space-20)}body:not(.book-mode) #choices .choice-btn{width:100%}}@media (pointer:coarse) and (max-height:500px){body.book-mode .hotspot{min-height:44px;min-width:0;max-width:calc(100% - 16px);width:max-content;padding:var(--space-6) var(--space-8);gap:var(--space-6)}body.book-mode .hotspot .actor{width:26px;flex-basis:26px}}.aw-tabs{display:flex;gap:var(--space-8);overflow-x:auto;padding:2px 2px 14px;margin-bottom:18px;scrollbar-width:thin;scrollbar-color:var(--paper-line) transparent}.aw-tab{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-height:44px;padding:var(--space-10) 14px;border:1px solid var(--paper-line);border-radius:12px;background:var(--surface);color:var(--paper-muted);font:13px var(--font-reader);cursor:pointer}.aw-tab[aria-selected=true]{background:var(--panel-tint);border-color:var(--gold);color:var(--paper-ink)}.aw-tab-count{font-size:10px;color:var(--paper-muted)}.aw-story[hidden]{display:none!important}:root{--panel-shadow:0 24px 70px color-mix(in srgb,var(--paper-ink) 22%,transparent);--panel-tint:color-mix(in srgb,var(--gold) 9%,var(--paper))}.archive-overlay,.codex-overlay,.ach-wall,.ach-overlay,.parent-overlay{background:#02091085;backdrop-filter:blur(5px)}.archive-panel,.codex-panel,.codex-card,.ach-wall-panel,.ach-modal,.journey-drawer,.shelf-child-menu{background:linear-gradient(135deg,var(--surface),var(--paper) 70%);color:var(--paper-ink);border:1px solid var(--paper-line);box-shadow:var(--panel-shadow);font-family:var(--font-reader)}.archive-panel,.codex-panel,.codex-card,.ach-wall-panel,.ach-modal{border-radius:24px}.archive-panel{width:min(780px,94vw);height:min(660px,88dvh)}.codex-panel{width:min(660px,94vw);max-height:88dvh;overflow:hidden}.codex-card{width:min(470px,94vw);max-height:90dvh;overflow:auto}.archive-head,.cp-head,.jd-head{padding:22px 25px 18px;border-color:var(--paper-line);gap:var(--space-16)}.archive-title,.cp-title,.jd-title,.aw-heading,.am-title{font:22px var(--font-shell);font-weight:400;letter-spacing:.13em;color:var(--paper-ink)}.archive-body,.cp-body{padding:22px 25px 28px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--paper-line) transparent}.archive-close,.cc-close,.aw-close,.jd-close,.pm-close{background:none;border:0;color:var(--paper-muted);min-width:44px;min-height:44px;font-size:21px;border-radius:12px;cursor:pointer}.archive-close:hover,.cc-close:hover,.aw-close:hover,.jd-close:hover,.pm-close:hover{background:var(--surface);color:var(--paper-ink)}.cp-head .cc-close{position:static;flex:none}.codex-card>.cc-close{background:var(--paper);color:var(--paper-ink);box-shadow:0 2px 12px #0002;top:10px;right:10px}.ar-group{margin-bottom:26px}.ar-group-head{padding:0 0 var(--space-12);gap:13px}.ar-group-cover{width:48px;height:56px;border-radius:6px;box-shadow:2px 2px 0 var(--paper-line)}.ar-group-name{font:16px var(--font-shell);color:var(--paper-ink);line-height:1.6}.ar-group-count,.ar-row-meta,.ar-r-meta{color:var(--paper-muted);opacity:1;font-size:11px}.ar-row{gap:var(--space-10);margin-bottom:var(--space-10)}.ar-row-main{background:var(--paper);color:var(--paper-ink);border-color:var(--paper-line);border-radius:13px;padding:13px 15px;min-height:52px;flex-wrap:wrap;gap:var(--space-8) var(--space-12)}.ar-row-main:hover{background:var(--panel-tint);border-color:var(--gold)}.ar-edition,.ar-back,.rl-who,.rl.taka .rl-who{color:var(--gold)}.ar-dl,.pg-export,.cc-tts{background:var(--surface);color:var(--paper-ink);border:1px solid var(--paper-line);border-radius:11px;min-height:44px;padding:var(--space-8) 15px;font:13px var(--font-reader);cursor:pointer}.ar-dl:hover,.pg-export:hover,.cc-tts:hover,.cc-tts.playing{color:var(--gold);border-color:var(--gold);background:var(--panel-tint)}.ar-state.pending,.ar-state.ready{color:var(--gold)}.ar-state.failed{color:var(--paper-ink);text-decoration:underline dotted}.ar-r-head,.ar-r-foot{border-color:var(--paper-line)}.ar-r-title{font:21px var(--font-shell);color:var(--paper-ink);line-height:1.6}.ar-back{min-height:44px}.rl{color:var(--paper-ink);font:16px/2 var(--font-reader);margin:var(--space-10) 0}.rl.child,.rl.child .rl-who{color:var(--paper-ink)}.rl.child{background:var(--panel-tint);padding:var(--space-8) 13px;border-radius:10px}.rl-break{background:linear-gradient(90deg,transparent,var(--paper-line),transparent)}.ar-empty,.jd-empty,.cp-empty{color:var(--paper-muted);opacity:1;font-size:14px;line-height:1.9;padding:var(--space-32) var(--space-12)}.pg-end-title{color:var(--paper-muted);font:15px/1.9 var(--font-reader)}.journey-drawer{width:min(370px,90vw);height:100dvh;border-radius:0;border-left:0}.jd-body{padding:19px 23px}.jd-story{color:var(--paper-muted);opacity:1;gap:var(--space-10);line-height:1.8}.jd-writing,.jd-who{color:var(--gold)}.jd-row{border-color:var(--paper-line);padding:var(--space-12) 0;flex-wrap:wrap}.jd-child .jd-who,.jd-child .jd-text{color:var(--paper-ink)}.jd-text{color:var(--paper-ink);font-size:14px;line-height:1.9}.cp-story{margin-bottom:25px}.cp-story-name{color:var(--paper-ink);font:15px/1.7 var(--font-shell);opacity:1;gap:var(--space-16);margin-bottom:13px}.cp-count{color:var(--paper-muted);font:11px var(--font-reader);white-space:nowrap}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.cp-tile{background:var(--paper);border-color:var(--paper-line);border-radius:14px;color:var(--paper-ink);box-shadow:0 3px 10px color-mix(in srgb,var(--paper-ink) 5%,transparent);padding-bottom:var(--space-12)}.cp-tile:hover{border-color:var(--gold);background:var(--panel-tint)}.cp-tile span{padding:var(--space-10) var(--space-8) 0;font-size:14px}.cp-tile.locked span,.cp-tile.locked em{color:var(--paper-muted);opacity:1}.cp-hint{color:var(--paper-muted);opacity:1;line-height:1.8;margin-top:var(--space-12)}.cc-img{border-radius:23px 23px 0 0;max-height:250px}.cc-body{padding:23px 25px 26px}.cc-name{font:23px var(--font-shell);color:var(--paper-ink);letter-spacing:.12em;margin-bottom:15px}.cc-science p{font:15px/1.9 var(--font-reader);color:var(--paper-ink);margin:9px 0}.cc-taka{border-left:2px solid var(--gold);border-radius:0 12px 12px 0;background:var(--panel-tint);padding:14px var(--space-16);margin-top:var(--space-20)}.cc-taka-label{color:var(--gold);font:11px var(--font-shell)}.cc-taka p{color:var(--paper-ink);font:14px/1.9 var(--font-reader)}.cc-tts{margin-top:18px}.cc-src{color:var(--paper-muted);opacity:1;line-height:1.8;font-size:10px;overflow-wrap:anywhere}.cc-tag{border-color:var(--paper-line);color:var(--paper-ink);background:var(--surface)}.cc-tags-label{color:var(--paper-muted)}.ach-wall{padding:35px var(--space-20);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.ach-wall-panel{width:min(760px,100%);max-width:760px;margin:auto;padding:28px 30px}.aw-heading{text-align:left;padding:3px 50px 22px 0;margin:0 0 23px;border-bottom:1px solid var(--paper-line)}.aw-close{top:20px;right:20px}.aw-story{margin-bottom:26px}.aw-story-head{border-color:var(--paper-line);margin-bottom:var(--space-12);padding-bottom:var(--space-12);gap:14px}.aw-title{color:var(--paper-ink);font:16px/1.6 var(--font-shell)}.aw-count{color:var(--paper-muted);font:11px var(--font-reader)}.aw-item{padding:14px var(--space-12);margin-bottom:9px;background:var(--paper);border:1px solid var(--paper-line);border-radius:13px;gap:14px}.aw-item.locked{opacity:1;background:var(--surface)}.aw-item.locked .aw-icon{opacity:.45;filter:grayscale(1)}.aw-name{color:var(--paper-ink);font:15px var(--font-reader)}.aw-desc{color:var(--paper-muted);font:12px/1.8 var(--font-reader);margin-top:5px}.aw-state{color:var(--gold)}.ach-wall-loading{color:var(--paper-muted)}.ach-item .ach-name{color:var(--paper-ink)}.ach-item .ach-desc{color:var(--paper-muted)}.shelf-topbar .shelf-child{color:var(--shell-ink);font-family:var(--font-shell);border-radius:10px;border:1px solid color-mix(in srgb,var(--shell-muted) 35%,transparent);padding:var(--space-6) 11px;min-height:40px}.shelf-topbar .shelf-child:hover{color:var(--shell-ink);background:color-mix(in srgb,var(--shell-ink) 6%,transparent)}.shelf-child-menu{border-radius:17px;padding:var(--space-10);gap:3px;min-width:190px;max-width:calc(100vw - 24px);max-height:70dvh;overflow:auto}.shelf-child-menu button{color:var(--paper-ink);min-height:44px;padding:var(--space-10) var(--space-12);border-radius:10px;font:14px var(--font-reader)}.shelf-child-menu button:hover{background:var(--surface)}.shelf-child-menu button.active{background:var(--panel-tint);color:var(--gold)}.shelf-child-menu .scm-divider{background:var(--paper-line);margin:7px 5px}.shelf-child-menu .scm-add,.shelf-child-menu .scm-dash{color:var(--paper-muted);font-size:13px}.parent-modal{padding:28px;border-color:var(--paper-line)}.parent-modal .pm-note,.parent-modal .pm-label,.parent-modal .pm-hint,.parent-modal .pm-band{color:var(--paper-muted)}.parent-modal input,.parent-modal .pm-child,.parent-modal button:not(.pm-close){background:var(--paper);color:var(--paper-ink);border-color:var(--paper-line);border-radius:11px;min-height:44px}.parent-modal .pm-child.active,.parent-modal .pm-main{background:var(--panel-tint);border-color:var(--gold)}.parent-modal .pm-check{color:var(--gold)}:is(.archive-panel,.codex-panel,.codex-card,.ach-wall-panel,.shelf-child-menu,.journey-drawer,.parent-modal) button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (max-width:599px){.archive-head,.cp-head,.jd-head{padding:18px var(--space-20)}.archive-body,.cp-body,.cc-body{padding:18px var(--space-20) 22px}.archive-title,.cp-title,.jd-title,.aw-heading{font-size:20px}.archive-panel{height:88dvh}.ach-wall{padding:18px var(--space-12)}.ach-wall-panel{padding:var(--space-24) 19px}.aw-close{top:15px;right:12px}.ar-row-main{padding:var(--space-12);gap:var(--space-8)}.ar-row-meta{flex-basis:100%;order:3}.ar-dl{padding:var(--space-8) var(--space-10)}.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.aw-story-head{align-items:flex-start}.aw-title{font-size:15px}.parent-modal{padding:var(--space-24)}}@media (prefers-reduced-motion:reduce){.journey-drawer,.jd-writing,.codex-link.locked{animation:none}}.toast{background:var(--paper);color:var(--paper-ink);border-color:var(--paper-line);border-radius:16px;box-shadow:var(--panel-shadow);font-family:var(--font-reader)}.toast .toast-desc{color:var(--paper-muted)}.parent-modal .pm-addlabel{color:var(--paper-ink)}.parent-modal .pm-child .pm-band{color:var(--paper-muted)}.parent-modal input::placeholder{color:var(--paper-muted);opacity:1}.parent-modal button:not(.pm-close):hover{background:var(--panel-tint);color:var(--paper-ink);border-color:var(--gold)}body.on-shelf #ai-status{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));bottom:auto;left:50%;transform:translate(-50%);z-index:130;width:max-content;max-width:calc(100vw - 32px);padding:var(--space-12) var(--space-20);border:1px solid var(--paper-line);border-radius:15px;background:var(--paper);color:var(--paper-ink);font:14px/1.8 var(--font-reader);letter-spacing:.03em;text-align:center;box-shadow:var(--panel-shadow);pointer-events:none;backdrop-filter:none}#ai-status:empty{display:none}@media (max-width:699px){body.on-shelf #ai-status{top:calc(72px + env(safe-area-inset-top,0px))}}.ui-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none;vertical-align:middle;line-height:1;color:inherit}.ui-icon svg{display:block;width:100%;height:100%}.cc-tts,.pg-export,.ar-state{display:inline-flex;align-items:center;gap:7px}.ar-state .ui-icon{width:14px;height:14px}.jd-icon .ui-icon{width:15px;height:15px}.flip-hint .ui-icon,.collect-hint .ui-icon,.cf-meow .ui-icon,.cf-meow-big .ui-icon{margin-right:7px}.cf-fact-play{display:inline-flex;align-items:center;justify-content:center}.theme-picker{position:relative;display:inline-flex;max-width:100%}.theme-trigger,.st-actions .theme-trigger,.shelf-topbar .shelf-child{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:40px;border:1px solid color-mix(in srgb,var(--shell-muted) 40%,transparent);border-radius:10px;background:transparent;color:var(--shell-ink);padding:7px 11px;font:12px var(--font-shell);letter-spacing:.05em;cursor:pointer;white-space:nowrap}.theme-trigger:hover,.st-actions .theme-trigger:hover,.shelf-topbar .shelf-child:hover{color:var(--shell-ink);background:color-mix(in srgb,var(--shell-ink) 6%,transparent)}.theme-trigger .picker-chevron,.shelf-child .picker-chevron{width:14px;height:14px;flex:none;opacity:.65;transition:transform .2s}.theme-trigger[aria-expanded=true] .picker-chevron,.shelf-child[aria-expanded=true] .picker-chevron{transform:rotate(180deg)}.theme-menu,.shelf-child-menu{background:linear-gradient(135deg,var(--surface),var(--paper) 70%);color:var(--paper-ink);border:1px solid var(--paper-line);border-radius:17px;padding:var(--space-10);box-shadow:var(--panel-shadow);font-family:var(--font-reader);min-width:190px;max-width:calc(100vw - 24px)}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:85;display:flex;flex-direction:column;gap:3px}.theme-menu[hidden]{display:none!important}.theme-menu{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}.theme-menu button{flex-shrink:0}.theme-menu [data-theme-option],.shelf-child-menu button{display:flex;align-items:center;gap:var(--space-8);min-height:44px;border:0;border-radius:10px;background:none;color:var(--paper-ink);padding:var(--space-10) var(--space-12);text-align:left;font:14px var(--font-reader);white-space:nowrap;cursor:pointer}.theme-menu [data-theme-option]:is(:hover,:focus-visible),.shelf-child-menu button:is(:hover,:focus-visible){background:var(--surface);color:var(--paper-ink)}.theme-menu [aria-selected=true],.theme-menu [aria-selected=true]:is(:hover,:focus-visible),.shelf-child-menu button.active,.shelf-child-menu button.active:is(:hover,:focus-visible){background:var(--panel-tint);color:var(--gold)}.picker-check{width:13px;flex:none;visibility:hidden}.theme-menu [aria-selected=true] .picker-check{visibility:visible}.theme-trigger:focus-visible,.theme-menu button:focus-visible,.shelf-child:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.theme-picker [data-theme-select],.theme-picker [data-picker-select]{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none}.select-picker .theme-menu button{display:flex;align-items:center;gap:var(--space-8);min-height:44px;border:0;border-radius:10px;background:none;color:var(--paper-ink);padding:var(--space-10) var(--space-12);text-align:left;font:14px var(--font-reader);cursor:pointer;white-space:nowrap}.select-picker .theme-menu button:is(:hover,:focus-visible){background:var(--surface);color:var(--paper-ink)}.select-picker .theme-menu [aria-selected=true],.select-picker .theme-menu [aria-selected=true]:is(:hover,:focus-visible){background:var(--panel-tint);color:var(--gold)}.select-picker{vertical-align:middle;margin-left:var(--space-8)}.parent-modal .select-picker .theme-trigger{color:var(--paper-ink);background:var(--surface);border-color:var(--paper-line)}#settings-panel .theme-trigger{background:var(--surface);border-color:var(--paper-line);color:var(--paper-ink);min-height:44px;font-size:12px}#settings-panel .theme-trigger:hover{background:var(--panel-tint)}#settings-panel .select-picker .theme-menu{left:0;right:auto}@media (max-width:599px){.theme-trigger,.st-actions .theme-trigger,.shelf-topbar .shelf-child{font-size:11px;padding:7px 9px;gap:var(--space-6)}.theme-menu{min-width:170px}}@media (prefers-reduced-motion:reduce){.picker-chevron{transition:none}}#start-gate .cover-header.picker-open{opacity:1}