@font-face{font-family:DynaPuff;src:url(/brand/DynaPuff-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:DynaPuff;src:url(/brand/DynaPuff-500.ttf);font-weight:500;font-display:swap}@font-face{font-family:DynaPuff;src:url(/brand/DynaPuff-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:DynaPuff;src:url(/brand/DynaPuff-700.ttf);font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/brand/Nunito-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/brand/Nunito-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:Nunito;src:url(/brand/Nunito-700.ttf);font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/brand/Nunito-800.ttf);font-weight:800;font-display:swap}@font-face{font-family:Nunito;src:url(/brand/Nunito-900.ttf);font-weight:900;font-display:swap}:root{font-family:Nunito,Arial,sans-serif;color:#33234c;background:#fdf8f1;font-synthesis:none;--purple:#8A2BE2;--yellow:#FFD700;--cream:#FDF8F1}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6b21ba;outline-offset:4px}button{border:0}h1,h2,h3{line-height:1.25;margin:0 0 16px}h1,h2{font-family:DynaPuff,Arial,sans-serif;font-weight:500}h1{font-size:clamp(28px,3.5vw,45px);letter-spacing:-1px}h2{font-size:23px}h3{font-size:23px;font-weight:850}p{line-height:1.65;color:#756780;margin:0 0 22px}small{line-height:1.4}a{color:#6c22b3}main{max-width:1240px;margin:auto;padding:38px 38px 70px;min-height:75vh}.header{max-width:1400px;margin:auto;padding:20px 42px;border-bottom:1px solid #ebe2d9;display:flex;gap:25px;align-items:center;min-height:96px}.logo-button{background:none;padding:0;display:flex}.logo-button img{width:148px;height:auto}.tagline{font-size:13px;color:#897695;border-left:1px solid #ddcfdf;padding-left:24px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.pill{display:inline-block;background:#f1e8fb;border:1px solid #e7d8f7;border-radius:30px;color:#7033aa;padding:8px 14px;font-size:12px;font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--purple);color:#fff;border-radius:16px;padding:14px 23px;font-weight:850;min-height:50px;box-shadow:0 4px #7021b8;transition:transform .15s}.button:hover{transform:translateY(-2px)}.button.secondary{background:#f4edf9;color:#7131af;box-shadow:none;border:1px solid #e5d6f4}.text-button{background:none;color:#7a3eab;font-weight:800;padding:12px;min-height:44px}.eyebrow{color:#8a51b5;font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:20px}.welcome{padding-top:28px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.hero-text h1{font-size:clamp(34px,4.2vw,58px);line-height:1.22;letter-spacing:-1.5px}.hero-text h1 em{color:var(--purple);font-style:normal}.hero-text>p{font-size:17px;margin:22px 0 28px}.welcome-cards{display:grid;gap:14px;max-width:520px}.entry{display:flex;align-items:center;gap:18px;text-align:left;padding:22px;border-radius:23px;border:1px solid #e4d4f4;transition:transform .15s;background:#f0e5fd;color:#512482;min-height:110px}.entry:hover{transform:translate(5px)}.entry.creators{background:#fff3c7;border-color:#f3df96;color:#695420}.entry-icon{font-size:32px;background:#ffffff91;border-radius:18px;padding:12px}.entry strong{display:block;font-family:DynaPuff;font-weight:500;font-size:19px}.entry small{display:block;margin-top:8px;font-size:13px}.entry b{margin-left:auto;font-size:27px;font-weight:400}.reassurance{font-size:12px;color:#92809e;margin-top:24px}.hero-art{height:490px;position:relative;border-radius:50% 50% 44% 48%;background:radial-gradient(ellipse at 50% 40%,#f1e1ff,#efe1fa 50%,#f9f1fb 71%);margin-left:20px}.moon-face{position:absolute;top:80px;left:50%;transform:translate(-50%) rotate(-15deg);font-size:195px;filter:drop-shadow(8px 18px 0 #dfc8a456)}.cloud{position:absolute;font-size:100px;color:#fff;text-shadow:0 9px 0 #e5d7f0}.c1{top:175px;left:0}.c2{top:60px;right:0;font-size:80px}.floating-book{position:absolute;font-size:85px;bottom:84px;right:50px;transform:rotate(16deg)}.orbit{position:absolute;color:#ac79dc}.o1{top:38px;left:85px;font-size:38px;color:#e5bb31}.o2{bottom:110px;left:90px;font-size:50px}.art-caption{position:absolute;bottom:26px;width:100%;text-align:center;font-family:DynaPuff;color:#8f61b6;font-size:17px}.art-caption span{color:#cba92f;margin-left:12px}.welcome-bottom{grid-column:1/-1;border-top:1px solid #e9e0d9;margin-top:42px;padding-top:28px;display:flex;justify-content:center;gap:70px;font-size:13px;color:#8b789a;font-weight:800}.form-panel{max-width:510px;margin:20px auto;background:#fff;border:1px solid #eee2e9;padding:34px;border-radius:28px}.form-panel h1{font-size:32px}.form-panel .eyebrow{margin-top:25px}.form-panel .button{width:100%;margin:12px 0}.field{display:flex;flex-direction:column;gap:9px;margin:20px 0;font-size:14px;font-weight:850}.field input,.field select,.field textarea{width:100%;background:#fffcf8;border:1px solid #dfd4e7;border-radius:12px;padding:12px 14px;min-height:48px;color:#3e2c51;font-weight:500}.field textarea{resize:vertical}.check{display:flex;gap:10px;align-items:center;font-size:14px;margin:20px 0}.check input{width:20px;height:20px;accent-color:var(--purple)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:15px 0 32px}.page-heading p{margin:0}.big-emoji{font-size:75px}.panel{background:#fff;border:1px solid #eadfea;border-radius:23px;padding:28px}.family-form{max-width:580px;margin-top:30px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,220px));gap:20px}.profile-card{background:#f4ebfc;border:1px solid #e6d6f4;border-radius:24px;text-align:center;padding:18px}.profile-select{display:block;width:100%;background:none;color:#633898}.profile-select>span{font-size:64px;display:block;margin:10px}.profile-select h2{font-size:24px}.avatar-picker{display:flex;gap:9px;flex-wrap:wrap}.avatar-picker button{font-size:27px;min-width:48px;min-height:48px;background:#f7f1fc;border-radius:14px;border:2px solid transparent}.avatar-picker button[aria-pressed=true]{border-color:var(--purple);background:#eedeff}.profile-chip{background:#f0e7fa;padding:8px 13px;border-radius:20px;font-weight:800}.library-banner{padding:32px 38px;background:#eee2fa;border-radius:30px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin:10px 0 28px}.library-banner h1{font-size:38px}.library-banner h1 span{color:#d1ad28}.library-banner p{margin:0}.banner-art{font-size:85px;margin-right:40px;transform:rotate(-10deg)}.banner-art span{font-size:40px;color:#b989d8}.tabs{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.tabs button{background:transparent;border:1px solid #e6ddea;color:#80648f;border-radius:17px;padding:14px 22px;font-weight:850;min-height:54px}.tabs button[aria-pressed=true]{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 4px #7222ba}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.list-heading h2{margin:0;font-size:23px}.search{display:flex;align-items:center;gap:10px;border:1px solid #e5dce8;border-radius:16px;padding:10px 16px;background:#fff}.search input{border:0;background:none;width:180px;min-height:30px;outline-offset:7px}.search span{font-size:25px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.story-card{border:1px solid #e9e0ea;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 6px 15px #70529a05}.cover{height:205px;position:relative;overflow:hidden;background:#e8d9f7;display:flex;align-items:center;justify-content:center}.cover img{width:100%;height:100%;object-fit:cover}.cover.forest{background:#dcebdd}.cover.moon{background:#e5dbf4}.cover.sea{background:#d9ebef}.cover.dream{background:#f6ecca}.cover-icon{font-size:95px;z-index:1;transform:rotate(-8deg);filter:drop-shadow(7px 10px 0 #ffffff4a)}.cover-hill{position:absolute;background:#fff7;bottom:-95px;left:-10%;width:90%;height:150px;border-radius:50%}.cover-dot{position:absolute;color:#fff9;bottom:30px;right:35px;font-size:30px}.star{position:absolute;color:#fff9;font-size:27px}.s1{top:30px;left:40px}.s2{top:55px;right:35px;font-size:42px}.cover-button{padding:0;width:100%;display:block}.cover.large{height:440px;border-radius:28px}.cover.large .cover-icon{font-size:190px}.story-info{padding:20px}.story-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.story-meta>span{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:900;color:#91799f}.favorite{font-size:30px;background:none;min-width:48px;min-height:48px;color:#9b61c6}.story-info h3{font-size:22px;min-height:54px;margin-bottom:12px}.story-info p{font-size:14px;min-height:48px;margin-bottom:20px}.story-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:15px;justify-content:space-between}.story-bottom small{font-size:10px;color:#96859d}.story-bottom .button{padding:10px 17px;min-height:44px;font-size:13px;border-radius:14px}.progress-label{display:block;margin-top:16px;color:#866492}.empty{text-align:center;border:2px dashed #e6dbea;background:#fff9;padding:45px 25px;border-radius:23px;margin:25px 0}.empty>span{font-size:48px}.empty p{margin:12px 0 0}.alert,.notice{border-radius:15px;padding:16px 20px;margin-bottom:25px;display:flex;justify-content:space-between;gap:15px}.alert{background:#ffe8e4;color:#873a35}.alert button{background:none;font-size:24px;color:inherit}.notice{background:#e6f3e5;color:#385b38}.confirm{border:1px solid #d6bee7;border-radius:20px;padding:24px;margin-bottom:25px;background:#f1e9f8}.confirm h2{font-size:22px}.player-top,.editor-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.player-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:start}.player-content h1{font-size:34px}.narration{font-size:20px;line-height:1.8;color:#665471}.player-content audio{width:100%;margin-bottom:18px}.play-row{display:flex;align-items:center;gap:18px}.play-row span{font-size:12px;color:#9984a4}.player-status{text-align:center;padding:20px;color:#9472aa;font-weight:800;font-size:14px}.scene-image{width:100%;height:440px;object-fit:contain;border-radius:28px;background:#f0e7f8}.choices{margin-top:28px}.choices h2{font-size:23px}.choices>button{display:flex;width:100%;gap:15px;align-items:center;padding:18px;border-radius:18px;margin:12px 0;background:#eee3fb;color:#61368e;text-align:left;font-size:19px;font-weight:900;min-height:72px}.choices>button:nth-of-type(2){background:#fff0bb;color:#6a561d}.choices>button b{margin-left:auto}.choices>button span{font-size:27px}.route-progress{margin-top:25px;border-top:1px solid #e7ddeb;padding-top:20px;color:#967ea3;font-size:12px}.route-progress>div{display:flex;gap:8px;margin-top:10px}.route-dot{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ddc6f5;color:#5d2987;font-weight:800}.ending{background:#f7efce;border-radius:20px;padding:23px;margin-top:25px}.inline-error{color:#964e48;margin-top:15px}.studio-guide{display:flex;gap:40px;padding:22px 25px;background:#efe5fa;border-radius:18px;color:#80559d;margin-bottom:40px;font-size:14px}.new-project{margin-bottom:24px}.status{display:inline-block;background:#f5e9cf;border-radius:20px;padding:6px 13px;font-size:12px;font-weight:900;color:#8b723e}.status.published{background:#e4efe3;color:#45764e}.action-row{display:flex;gap:10px;flex-wrap:wrap}.editor-layout{display:grid;grid-template-columns:225px 1fr;gap:28px}.editor-nav{display:flex;flex-direction:column;gap:7px;align-self:start;position:sticky;top:20px}.editor-nav button{text-align:left;border-radius:13px;background:none;padding:14px;color:#80658d;font-weight:800;min-height:48px;display:flex;justify-content:space-between}.editor-nav button[aria-current]{background:#eadef9;color:#68259f}.editor-nav small{color:#a386b6}.editor-panel{min-height:500px;min-width:0}.tip{background:#faf5e6;border-radius:14px;padding:15px;color:#938047;font-size:13px;margin:22px 0}.upload{display:flex;position:relative;flex-direction:column;align-items:center;border:2px dashed #d6bee9;padding:24px;border-radius:20px;background:#f9f5fc;gap:10px;color:#79469f;cursor:pointer}.upload>span{font-size:30px}.upload input{width:100%;max-width:300px;margin-top:10px}.upload small{font-size:12px}.asset-list article{display:flex;align-items:center;gap:20px;justify-content:space-between;border:1px solid #eadfeb;padding:15px;border-radius:14px;margin-top:15px;flex-wrap:wrap}.asset-list article>div{overflow-wrap:anywhere}.asset-list small{display:block;color:#aa8cb9;margin-top:6px}.asset-list img{width:100px;height:80px;object-fit:cover;border-radius:10px}.asset-list audio{max-width:100%;width:260px}.scene-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.scene-tabs button{background:#f5effa;border-radius:14px;padding:12px;color:#845e9e}.scene-tabs button[aria-pressed=true]{background:#8a2be2;color:#fff}.scene-editor{border-top:1px solid #eee2f1}.choice-editor{display:flex;gap:12px;align-items:center}.choice-editor .field{flex:1;min-width:0}.route-map{border:1px solid #ebddf4;background:#fcf8ff;border-radius:16px;padding:20px;margin:25px 0;overflow-wrap:anywhere}.route-map h3{font-size:17px}.route-map p{font-size:13px;margin:8px 0}footer{display:flex;align-items:center;gap:25px;max-width:1320px;margin:auto;padding:26px 42px;border-top:1px solid #e9dfd5;color:#a58dae;font-size:12px}footer img{width:90px;opacity:.7}footer small{margin-left:auto}.footer-star{color:#d4b125;margin-left:18px}@media(max-width:950px){.tagline,.header .pill{display:none}.welcome{grid-template-columns:1.1fr .9fr}.hero-art{height:370px;margin:0}.moon-face{font-size:145px;top:60px}.floating-book{font-size:65px;right:10px;bottom:70px}.cloud{font-size:60px}.o1{left:30px}.o2{left:25px}.hero-text h1{font-size:40px}.entry strong{font-size:16px}.entry{gap:10px;padding:16px}.entry-icon{font-size:27px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:180px 1fr;gap:20px}.action-row .button{padding:12px 16px}.page-heading{flex-wrap:wrap}.player-layout{gap:25px}.cover.large,.scene-image{height:350px}.studio-guide{gap:20px}.welcome-bottom{gap:25px}}@media(max-width:640px){main{padding:24px 18px 40px}.header{padding:14px 18px;gap:10px;min-height:76px}.logo-button img{width:116px}.header-actions{gap:5px;font-size:12px}.user-name{display:none}.profile-chip{padding:6px 10px}.header-actions .text-button{padding:8px}.welcome{display:flex;flex-direction:column;padding-top:5px;gap:10px;align-items:stretch}.hero-text h1{font-size:38px}.hero-text>p{font-size:16px}.hero-art{height:290px;max-width:340px;width:100%;margin:25px auto 0}.moon-face{font-size:130px;top:40px}.c1{top:110px}.c2{top:20px}.floating-book{bottom:45px;right:20px;font-size:55px}.art-caption{font-size:14px;bottom:16px}.o1{top:15px}.o2{bottom:80px}.welcome-bottom{flex-direction:column;align-items:center;gap:16px;margin-top:20px}.desktop{display:none}.entry{min-height:102px}.entry strong{font-size:17px}.entry small{font-size:12px}.entry-icon{font-size:30px}.form-panel{padding:24px;margin:0;border-radius:22px}.form-panel h1{font-size:27px}.page-heading{gap:20px;margin-top:0}.page-heading h1{font-size:29px}.big-emoji{display:none}.library-banner{padding:25px 22px;border-radius:24px}.library-banner h1{font-size:29px}.library-banner .eyebrow{font-size:9px}.banner-art{font-size:50px;margin-right:0}.banner-art span{display:none}.tabs{gap:8px;margin:22px 0}.tabs button{font-size:13px;padding:12px 14px;flex:1}.tabs button:nth-child(2){order:3;flex-basis:100%}.list-heading{align-items:stretch;flex-direction:column;gap:14px}.list-heading h2{font-size:22px}.search input{width:100%}.story-grid{grid-template-columns:1fr;gap:24px}.cover{height:220px}.story-info h3,.story-info p{min-height:0}.story-bottom small{font-size:12px}.story-bottom .button{min-height:50px;font-size:15px}.story-info{padding:20px 22px}.player-layout{display:flex;flex-direction:column;gap:20px}.player-visual,.player-content{width:100%}.cover.large,.scene-image{height:260px}.cover.large .cover-icon{font-size:130px}.player-status{padding:12px}.player-top{flex-wrap:wrap}.player-top .button{font-size:12px;padding:10px 14px;min-height:44px}.player-content h1{font-size:28px}.narration{font-size:19px}.choices>button{font-size:17px}.studio-guide{flex-direction:column;gap:14px}.editor-layout{display:flex;flex-direction:column;gap:18px}.editor-nav{flex-direction:row;overflow-x:auto;position:static;padding-bottom:8px;max-width:100%}.editor-nav button{white-space:nowrap;flex-shrink:0;gap:12px;font-size:13px}.editor-panel{padding:21px}.action-row{width:100%;gap:8px}.action-row .button{flex:1;padding:10px;font-size:12px}.choice-editor{flex-wrap:wrap;border-bottom:1px solid #eee;padding-bottom:10px}.choice-editor .field{flex-basis:80%;margin:10px 0}.panel{padding:23px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-card{padding:10px}.profile-select h2{font-size:20px}.profile-select>span{font-size:52px}footer{padding:24px 18px;flex-wrap:wrap;gap:15px}footer small{margin-left:0;width:100%}footer>span{max-width:210px}.banner-art{flex-shrink:0}.play-row{flex-wrap:wrap}.scene-tabs button{max-width:100%;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.header-logout-btn{padding:10px 16px;min-height:42px;font-size:13px;border-radius:14px}.pin-access-btn{background:#f5ecfd;border-radius:14px;padding:8px 14px;border:1px solid #e3d0f7}.heading-actions{display:flex;gap:12px;align-items:center}.listener-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.listener-action-pill{background:#ffffffd9;color:#5d2b90;border:1px solid #dec9f6;border-radius:16px;padding:10px 16px;font-weight:850;font-size:13px;transition:transform .15s,background .15s}.listener-action-pill:hover{transform:translateY(-2px);background:#fff}.listener-action-pill.logout{background:#fff0ed;color:#963832;border-color:#f5cfc9}.pin-panel{text-align:center;max-width:470px}.pin-top-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.logout-inline{color:#963832}.pin-display{display:flex;justify-content:center;gap:14px;margin:24px 0}.pin-slot{width:60px;height:68px;border-radius:18px;border:2px solid #dfd1ec;background:#fbf8fe;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--purple);font-weight:900;transition:transform .15s,border-color .15s,background .15s}.pin-slot.active{border-color:var(--purple);box-shadow:0 0 0 4px #8a2be21f}.pin-slot.filled{background:#f1e5fc;border-color:#b88ce8;transform:scale(1.04)}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:320px;margin:0 auto 22px}.pin-key{background:#f5effb;color:#462369;border:1px solid #e4d5f3;border-radius:18px;min-height:58px;font-size:22px;font-family:DynaPuff,Arial,sans-serif;box-shadow:0 3px #decbf2;transition:transform .12s,background .12s}.pin-key:hover:not(:disabled){background:#eadcf9;transform:translateY(-2px)}.pin-key:active:not(:disabled){transform:translateY(1px)}.pin-key.action{font-family:Nunito,Arial,sans-serif;font-size:14px;font-weight:850;background:#fcf6e8;color:#796127;border-color:#efe1be;box-shadow:0 3px #e6d3a7}.pin-hint{display:block;margin-top:14px;color:#846f94}.family-panels-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:30px;align-items:start}.family-panels-grid .family-form{margin-top:0;max-width:none}.pin-config-input{font-size:24px;letter-spacing:8px;text-align:center;font-weight:900!important}.vn-player{max-width:1080px;margin:0 auto}.vn-top-meta{display:flex;gap:10px;align-items:center}.vn-stage-wrapper{position:relative;border-radius:32px;overflow:hidden;border:3px solid #e2d1f4;box-shadow:0 18px 45px #411b6b1f;background:#1a1033}.vn-hud-top{position:absolute;top:18px;left:20px;right:20px;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.vn-scene-badge{background:#160d2bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:10px 18px;border-radius:20px;border:1px solid #ffffff2e;display:flex;flex-direction:column;gap:2px}.vn-scene-badge span{font-family:DynaPuff,Arial,sans-serif;font-size:15px;color:#ffe47a}.vn-scene-badge small{font-size:12px;color:#dfd2f2}.vn-audio-pill{background:#160d2bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e4d7f5;padding:8px 15px;border-radius:99px;border:1px solid #ffffff29;font-size:12px;font-weight:850;display:flex;align-items:center;gap:8px}.vn-audio-pill.active{background:#6b21bacc;color:#fff;border-color:#ffd70080}.vn-eq{display:inline-flex;align-items:flex-end;gap:3px;height:14px}.vn-eq i{display:block;width:3px;height:5px;background:gold;border-radius:2px}.vn-audio-pill.active .vn-eq i:nth-child(1){animation:vnEq .6s ease-in-out infinite alternate}.vn-audio-pill.active .vn-eq i:nth-child(2){animation:vnEq .45s ease-in-out .15s infinite alternate}.vn-audio-pill.active .vn-eq i:nth-child(3){animation:vnEq .7s ease-in-out .3s infinite alternate}@keyframes vnEq{0%{height:4px}to{height:14px}}.vn-stage-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.vn-canvas{position:relative;height:410px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background .6s ease}.vn-scene-forest-start{background:radial-gradient(circle at 50% 25%,#2b3f66,#17263c 55%,#0e1826)}.vn-scene-forest-light{background:radial-gradient(circle at 50% 45%,#635329,#2b3b35 55%,#142124)}.vn-scene-forest-bridge{background:radial-gradient(circle at 50% 25%,#342b66,#1e2846 60%,#121c31)}.vn-scene-moon-start{background:radial-gradient(circle at 65% 25%,#462d7a,#25174a 60%,#140c2b)}.vn-scene-moon-cookies{background:radial-gradient(circle at 50% 30%,#59337d,#2a184d 65%,#160c2e)}.vn-scene-moon-soup{background:radial-gradient(circle at 50% 35%,#5e3b6e,#311d52 65%,#180f30)}.vn-scene-sea-start{background:linear-gradient(180deg,#1b6988,#104263 55%,#09263d)}.vn-scene-sea-choir{background:radial-gradient(circle at 50% 40%,#2389a6,#135275 60%,#0a2e46)}.vn-scene-sea-cave{background:radial-gradient(circle at 50% 45%,#432b68,#1b3b5c 58%,#0b1c30)}.vn-scene-custom{background:radial-gradient(circle at 50% 35%,#512c82,#281545 70%,#150a26)}.vn-custom-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;animation:vnSlowZoom 14s ease-in-out infinite alternate}@keyframes vnSlowZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}.vn-ambient-layer{position:absolute;inset:0;pointer-events:none}.vn-particle{position:absolute;color:#fff9c4;font-size:22px;opacity:.75;animation:vnTwinkle 3.2s ease-in-out infinite alternate}.vn-particle.p1{top:16%;left:12%;animation-delay:0s}.vn-particle.p2{top:24%;left:32%;animation-delay:.7s;font-size:16px}.vn-particle.p3{top:14%;right:28%;animation-delay:1.3s}.vn-particle.p4{top:32%;right:14%;animation-delay:.4s;font-size:26px}.vn-particle.p5{top:48%;left:18%;animation-delay:1.8s;font-size:18px}.vn-particle.p6{top:42%;right:24%;animation-delay:1.1s}@keyframes vnTwinkle{0%{transform:translateY(0) scale(.85);opacity:.35}to{transform:translateY(-10px) scale(1.2);opacity:1}}.vn-diorama{position:relative;width:100%;height:100%;z-index:2}.vn-ground{position:absolute;bottom:-35px;left:-5%;width:110%;height:120px;border-radius:50% 50% 0 0}.forest-floor{background:linear-gradient(180deg,#1f4736,#122b21);border-top:3px solid #3c7d5f}.forest-floor-lit{background:linear-gradient(180deg,#4b6e35,#244026);border-top:4px solid #ffd54f;box-shadow:0 -20px 50px #ffd54f47}.vn-moon-surface{position:absolute;bottom:-40px;left:-5%;width:110%;height:135px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#f3e2ab,#d4b46a);border-top:4px solid #fff3cc;box-shadow:0 -15px 40px #ffd7003b}.vn-moon-glow{position:absolute;top:52px;right:85px;font-size:72px;filter:drop-shadow(0 0 25px #fff59d);animation:vnFloatSlow 5s ease-in-out infinite alternate}.vn-tree{position:absolute;bottom:58px;font-size:105px;filter:drop-shadow(0 10px 12px #0000004d);animation:vnSway 4.5s ease-in-out infinite alternate}.vn-tree.t-left{left:8%}.vn-tree.t-mid{left:26%;font-size:120px;animation-delay:.8s}.vn-tree.t-right{right:9%;animation-delay:1.4s}.branch-star{position:absolute;top:8px;left:36px;font-size:30px;filter:drop-shadow(0 0 12px #ffd700);animation:vnTwinkle 1.8s ease-in-out infinite alternate}.branch-star.big{font-size:40px}.vn-character{position:absolute;bottom:64px;display:flex;flex-direction:column;align-items:center;transition:transform .4s ease}.char-sprite{font-size:86px;line-height:1;filter:drop-shadow(0 10px 14px #00000059);animation:vnCharBob 2.6s ease-in-out infinite alternate}.vn-canvas.is-playing .char-sprite{animation:vnCharTalk .55s ease-in-out infinite alternate}.char-prop{position:absolute;right:-28px;top:18px;font-size:42px;animation:vnFloatSlow 2s ease-in-out infinite alternate}.speech-bubble-mini{position:absolute;bottom:100%;margin-bottom:10px;white-space:nowrap;background:#ffffffeb;color:#3a1d5c;font-weight:850;font-size:13px;padding:6px 14px;border-radius:18px;box-shadow:0 6px 16px #0003;animation:vnFloatSlow 2.2s ease-in-out infinite alternate}.char-lila{left:36%}.char-lila.center-left{left:32%}.char-lila.on-bridge{left:34%;bottom:88px}.char-firefly{right:28%;bottom:135px;animation:vnFireflyFlight 4s ease-in-out infinite alternate}.firefly-aura,.firefly-mega-glow{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#ffe57f99 0%,transparent 70%);z-index:-1;animation:vnPulseGlow 1.5s ease-in-out infinite alternate}.firefly-mega-glow{width:190px;height:190px;background:radial-gradient(circle,#ffd700cc 0%,#ffab0044 55%,transparent 75%)}.char-firefly-bright{right:30%;bottom:120px;animation:vnFireflyFlight 3s ease-in-out infinite alternate}.vn-light-burst{position:absolute;width:420px;height:420px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffd70059 0%,#ff91001f 50%,transparent 72%);animation:vnPulseGlow 2.4s ease-in-out infinite alternate}.vn-firefly-swarm span{position:absolute;font-size:32px;animation:vnFireflyFlight 3.2s ease-in-out infinite alternate}.vn-firefly-swarm span:nth-child(1){top:22%;left:24%}.vn-firefly-swarm span:nth-child(2){top:18%;right:25%;animation-delay:.6s}.vn-firefly-swarm span:nth-child(3){top:38%;left:48%;animation-delay:1.1s}.vn-firefly-swarm span:nth-child(4){top:30%;right:40%;animation-delay:1.6s}.vn-signpost{position:absolute;bottom:62px;right:18%;font-size:62px}.vn-bridge-arch{position:absolute;bottom:42px;left:50%;transform:translate(-50%);font-size:135px;opacity:.9}.vn-river-stream{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-size:46px;color:#64b5f6;letter-spacing:6px;z-index:3;animation:vnWaveSlide 2.5s ease-in-out infinite alternate}.char-rabbit{right:28%;bottom:76px}.vn-planet-bg{position:absolute;top:50px;left:12%;font-size:68px;opacity:.85;animation:vnFloatSlow 6s ease-in-out infinite alternate}.vn-cloud-vehicle{position:absolute;left:26%;bottom:105px;display:flex;flex-direction:column;align-items:center;animation:vnFloatSlow 3s ease-in-out infinite alternate}.vn-cloud-vehicle .cloud-base{font-size:110px;line-height:.6;filter:drop-shadow(0 12px 18px #00000040)}.vn-cloud-vehicle .nico{font-size:74px;margin-top:-68px}.char-dragon,.char-dragon-happy,.char-dragon-party{right:26%;bottom:72px}.char-nico-picnic,.char-nico-chef{left:28%;bottom:72px}.vn-floating-cookies span{position:absolute;font-size:38px;animation:vnFloatSlow 2.6s ease-in-out infinite alternate}.vn-floating-cookies span:nth-child(1){top:22%;left:28%}.vn-floating-cookies span:nth-child(2){top:18%;left:46%;animation-delay:.5s}.vn-floating-cookies span:nth-child(3){top:24%;right:32%;animation-delay:1s}.vn-floating-cookies span:nth-child(4){top:36%;left:38%;animation-delay:1.4s}.zzz-bubble{position:absolute;top:-32px;right:-25px;background:#ffffffd9;color:#4a2574;padding:4px 10px;border-radius:14px;font-weight:900;font-size:14px;animation:vnTwinkle 2s ease-in-out infinite alternate}.vn-soup-cauldron{position:absolute;bottom:68px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.vn-soup-cauldron .pot-icon{font-size:92px}.vn-soup-cauldron .steam-waves{font-size:28px;color:#fff;animation:vnTwinkle 1.8s ease-in-out infinite alternate}.vn-moon-neighbors{position:absolute;right:12%;bottom:72px;font-size:54px;display:flex;gap:6px;animation:vnCharBob 2.2s ease-in-out infinite alternate}.vn-sea-bubbles span{position:absolute;color:#b3e5fc;font-size:26px;animation:vnBubbleRise 4s ease-in infinite}.vn-sea-bubbles span:nth-child(1){bottom:20%;left:22%}.vn-sea-bubbles span:nth-child(2){bottom:30%;left:48%;animation-delay:1.2s}.vn-sea-bubbles span:nth-child(3){bottom:18%;right:26%;animation-delay:2.1s}.vn-sea-bubbles span:nth-child(4){bottom:35%;right:15%;animation-delay:.7s}@keyframes vnBubbleRise{0%{transform:translateY(20px) scale(.8);opacity:0}50%{opacity:.85}to{transform:translateY(-140px) scale(1.2);opacity:0}}.char-whale,.char-whale-singing,.char-whale-cave{left:26%;bottom:95px}.char-whale .char-sprite,.char-whale-singing .char-sprite,.char-whale-cave .char-sprite{font-size:112px}.music-notes-soft{position:absolute;top:-10px;right:-35px;color:#b3e5fc;font-size:26px;animation:vnTwinkle 2s ease-in-out infinite alternate}.music-notes-loud{position:absolute;top:-36px;right:-70px;color:gold;font-size:36px;filter:drop-shadow(0 0 10px #ffd700);animation:vnTwinkle 1.2s ease-in-out infinite alternate}.char-fish{right:28%;bottom:120px;animation:vnFireflyFlight 3.2s ease-in-out infinite alternate}.vn-fish-choir{position:absolute;right:16%;bottom:95px;display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:48px}.choir-member{color:#fff59d;font-weight:900;animation:vnCharBob 1.6s ease-in-out infinite alternate}.choir-member.f2{animation-delay:.4s}.choir-member.f3{animation-delay:.8s}.choir-member.f4{animation-delay:1.2s}.vn-coral-reef{position:absolute;bottom:8px;left:0;width:100%;text-align:center;font-size:46px;letter-spacing:28px;opacity:.9}.vn-cave-crystals{position:absolute;top:58px;left:0;width:100%;text-align:center;font-size:42px;letter-spacing:24px;filter:drop-shadow(0 0 12px #ce93d8)}.vn-echo-circles{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.echo-ring{position:absolute;border:3px solid #e1bee766;border-radius:50%;animation:vnEchoExpand 3.6s ease-out infinite}.echo-ring.r1{width:160px;height:160px}.echo-ring.r2{width:280px;height:280px;animation-delay:1.1s}.echo-ring.r3{width:400px;height:400px;animation-delay:2.2s}@keyframes vnEchoExpand{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.35);opacity:0}}.char-custom-hero{left:50%;transform:translate(-50%);bottom:85px}@keyframes vnCharBob{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-12px) rotate(3deg)}}@keyframes vnCharTalk{0%{transform:translateY(0) scale(1)}to{transform:translateY(-10px) scale(1.07)}}@keyframes vnFloatSlow{0%{transform:translateY(0)}to{transform:translateY(-14px)}}@keyframes vnSway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes vnFireflyFlight{0%{transform:translate(0) rotate(-4deg)}50%{transform:translate(-18px,-16px) rotate(4deg)}to{transform:translate(12px,-6px) rotate(-2deg)}}@keyframes vnPulseGlow{0%{transform:scale(.92);opacity:.7}to{transform:scale(1.12);opacity:1}}@keyframes vnWaveSlide{0%{transform:translate(-52%)}to{transform:translate(-48%)}}.vn-dialogue-box{position:relative;z-index:5;background:linear-gradient(180deg,#231342f5,#170b2ef8);border-top:3px solid #ffd7008c;padding:22px 28px 24px;color:#fff}.vn-dialogue-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.vn-speaker-tag{display:inline-flex;align-items:center;gap:10px;background:#8a2be2;border:2px solid #ffd700;color:#fff;padding:6px 16px;border-radius:99px;font-family:DynaPuff,Arial,sans-serif;font-size:16px;box-shadow:0 4px 12px #00000040}.vn-speaker-avatar{font-size:22px}.vn-beat-counter{font-size:12px;font-weight:850;color:#d2bce8;background:#ffffff17;padding:5px 12px;border-radius:99px}.vn-dialogue-body{min-height:78px;padding:8px 4px;cursor:pointer}.vn-narration-text{font-size:clamp(19px,2.2vw,24px);line-height:1.6;color:#fdf8f1;margin:0;font-weight:700}.vn-cursor{display:inline-block;margin-left:8px;color:gold;animation:vnBlink .9s ease-in-out infinite alternate}@keyframes vnBlink{0%{opacity:.25;transform:translateY(0)}to{opacity:1;transform:translateY(3px)}}.vn-audio-bar{width:100%;height:38px;margin:10px 0 14px;border-radius:12px;opacity:.92}.vn-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid #ffffff1f;flex-wrap:wrap}.vn-nav-btn{background:#ffffff1a;color:#f3e8ff;border:1px solid #ffffff33;border-radius:14px;padding:10px 18px;font-weight:850;min-height:46px;transition:background .15s,transform .15s}.vn-nav-btn:hover:not(:disabled){background:#ffffff2e;transform:translateY(-2px)}.vn-nav-btn.primary{background:gold;color:#2c1447;border-color:#ffe566;box-shadow:0 4px #c9a300}.vn-nav-btn.primary:hover:not(:disabled){background:#ffe033}.vn-play-btn{min-width:175px}.vn-ready-pill{background:#ffd70029;color:#ffe47a;border:1px solid #ffd70066;padding:10px 16px;border-radius:14px;font-weight:850;font-size:14px}.vn-bottom-panel{margin-top:26px}.vn-choices{background:#fff;border:2px solid #e6d6f5;border-radius:28px;padding:26px;box-shadow:0 10px 28px #5d2b9012;transition:border-color .3s,box-shadow .3s}.vn-choices.highlight-choices{border-color:var(--purple);box-shadow:0 12px 32px #8a2be224}.vn-choices-header{margin-bottom:18px}.vn-choices-header h2{margin-bottom:4px}.vn-choices-header small{color:#826b94;font-weight:700}.vn-choices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.vn-choice-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#f3e8fd,#eae0f9);border:2px solid #dec9f7;color:#492273;text-align:left;transition:transform .16s,box-shadow .16s,border-color .16s}.vn-choice-card:nth-child(2){background:linear-gradient(135deg,#fff5ce,#fcedb1);border-color:#f2da7e;color:#5e4812}.vn-choice-card:hover{transform:translateY(-4px);border-color:var(--purple);box-shadow:0 10px 20px #5d2b901f}.vn-choice-icon{font-size:36px;background:#ffffffb3;width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vn-choice-text{display:flex;flex-direction:column;gap:3px}.vn-choice-text small{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.75;font-weight:900}.vn-choice-text strong{font-family:DynaPuff,Arial,sans-serif;font-size:19px;font-weight:500}.vn-choice-card b{margin-left:auto;font-size:22px}.vn-ending{text-align:center;padding:30px;border:2px solid #f0df99}.vn-ending-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.vn-route-map{background:#fff;border:1px solid #eadcf4;border-radius:22px;padding:18px 22px}.vn-route-nodes{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.vn-route-chip{display:inline-flex;align-items:center;gap:8px;background:#f6effc;border:1px solid #e2d0f5;color:#5b2c88;padding:6px 14px 6px 8px;border-radius:99px;font-size:13px;font-weight:800}.vn-route-chip.current{background:var(--purple);color:#fff;border-color:var(--purple);opacity:1}.vn-route-chip.current .route-dot{background:gold;color:#361657}@media(max-width:820px){.family-panels-grid{grid-template-columns:1fr}.vn-canvas{height:320px}.char-sprite{font-size:68px}.vn-tree{font-size:80px}.vn-dialogue-box{padding:18px}.vn-nav-bar{justify-content:center}}.entry.adult-pin-entry{background:#e9f2fe;border-color:#c5dcf9;color:#1e4273}.pin-quick-demo{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#7b668c}.vn-top-actions{display:flex;gap:10px;align-items:center}.vn-svg-stage{position:relative;width:100%;height:420px;overflow:hidden;background:#120b24}.vn-svg-canvas{width:100%;height:100%;display:block}.vn-animation-caption{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#120926d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffe885;padding:6px 16px;border-radius:99px;border:1px solid #ffd7004d;font-size:12px;font-weight:800;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.svg-twinkle{transform-box:fill-box;transform-origin:center;animation:svgTwinkle 2.4s ease-in-out infinite alternate}.svg-twinkle.t2{animation-delay:.8s}.svg-twinkle.t3{animation-delay:1.5s}@keyframes svgTwinkle{0%{opacity:.3;transform:scale(.75)}to{opacity:1;transform:scale(1.35)}}.svg-star-pulse{transform-box:fill-box;transform-origin:center;animation:svgStarPulse 1.6s ease-in-out infinite alternate}@keyframes svgStarPulse{0%{transform:scale(.9) rotate(-5deg);filter:drop-shadow(0 0 6px #ffd700)}to{transform:scale(1.18) rotate(5deg);filter:drop-shadow(0 0 16px #fff59d)}}.svg-tree-sway{transform-box:fill-box;transform-origin:bottom center;animation:svgTreeSway 4.2s ease-in-out infinite alternate}.svg-tree-sway.delay-1{animation-delay:1.2s}@keyframes svgTreeSway{0%{transform:rotate(-2deg)}to{transform:rotate(2.2deg)}}.svg-char-bob{animation:svgCharBob 2.2s ease-in-out infinite alternate}.vn-svg-stage.voice-active .svg-char-bob{animation:svgCharTalk .55s ease-in-out infinite alternate}@keyframes svgCharBob{0%{transform:translate(245px,215px)}to{transform:translate(245px,203px)}}@keyframes svgCharTalk{0%{filter:drop-shadow(0 0 0 transparent)}to{filter:drop-shadow(0 -6px 14px #ffd70066)}}.svg-firefly-flight{animation:svgFireflyMove 3.2s ease-in-out infinite alternate}@keyframes svgFireflyMove{0%{transform:translate(455px,195px)}50%{transform:translate(435px,175px)}to{transform:translate(470px,182px)}}.svg-wing-flap{transform-box:fill-box;transform-origin:center;animation:svgWingFlap .25s ease-in-out infinite alternate}@keyframes svgWingFlap{0%{transform:scaleY(1)}to{transform:scaleY(.45)}}.svg-pulse-glow{transform-box:fill-box;transform-origin:center;animation:svgPulseGlow 2s ease-in-out infinite alternate}@keyframes svgPulseGlow{0%{opacity:.65;transform:scale(.92)}to{opacity:1;transform:scale(1.1)}}.svg-float-slow{animation:svgFloatSlow 3s ease-in-out infinite alternate}@keyframes svgFloatSlow{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.svg-cloud-glide{animation:svgCloudGlide 3.6s ease-in-out infinite alternate}@keyframes svgCloudGlide{0%{transform:translate(175px,185px)}to{transform:translate(195px,168px)}}.svg-whale-swim{animation:svgWhaleSwim 3.4s ease-in-out infinite alternate}@keyframes svgWhaleSwim{0%{transform:translate(150px,160px) rotate(-1deg)}to{transform:translate(162px,145px) rotate(1.5deg)}}.svg-tail-wag{transform-box:fill-box;transform-origin:right center;animation:svgTailWag 1.1s ease-in-out infinite alternate}@keyframes svgTailWag{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.svg-bubble{animation:svgBubbleUp 3.8s ease-in infinite}.svg-bubble.b2{animation-delay:1.2s}.svg-bubble.b3{animation-delay:2.3s}@keyframes svgBubbleUp{0%{transform:translateY(20px);opacity:0}40%{opacity:.85}to{transform:translateY(-120px);opacity:0}}.svg-echo-ring{transform-box:fill-box;transform-origin:center;animation:svgEchoExpand 3.2s ease-out infinite}.svg-echo-ring.r2{animation-delay:1s}.svg-echo-ring.r3{animation-delay:2s}@keyframes svgEchoExpand{0%{transform:scale(.75);opacity:.85}to{transform:scale(1.22);opacity:.1}}.svg-wave-dash{stroke-dasharray:12 8;animation:svgWaveDash 2s linear infinite}@keyframes svgWaveDash{to{stroke-dashoffset:-40}}.vn-stage-overlay{position:absolute;inset:0;z-index:20;background:#130926d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:vnFadeIn .25s ease-out}@keyframes vnFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.vn-overlay-card{background:#fffffffa;color:#33234c;border-radius:28px;padding:28px 32px;max-width:680px;width:100%;text-align:center;box-shadow:0 20px 50px #0006;border:3px solid #ffd700}.vn-overlay-eyebrow{display:inline-block;font-size:11px;font-weight:900;letter-spacing:2px;color:var(--purple);background:#f2e7fc;padding:6px 14px;border-radius:99px;margin-bottom:12px}.vn-overlay-back{margin-top:16px}.vn-beat-dots{display:flex;gap:8px;align-items:center}.vn-beat-dot{width:12px;height:12px;border-radius:50%;background:#ffffff38;padding:0;transition:transform .15s,background .15s}.vn-beat-dot.done{background:#b784f7}.vn-beat-dot.active{background:gold;transform:scale(1.3)}.vn-log-panel{margin-top:20px}