.vn-app{--vn-gold:#e5c899;color:#f7f1e7;background:#10100f;min-height:100dvh;padding-bottom:80px;font-family:Arial,Noto Sans TC,sans-serif}.vn-app button,.vn-stage button{cursor:pointer}.vn-channel{z-index:4;background:0 0;justify-content:space-between;align-items:center;height:64px;padding:14px 24px 0;display:flex;position:relative}.vn-channel nav{align-items:center;gap:24px;display:flex}.vn-channel a{color:#a8a59d;white-space:nowrap;padding:10px 0;font-size:20px;font-weight:600}.vn-channel a[aria-current=page]{color:#f0d3a4;position:relative}.vn-channel a[aria-current=page]:after{content:"";background:#efd19c;border-radius:3px;width:24px;height:3px;position:absolute;bottom:0;left:calc(50% - 12px)}.vn-channel button{padding:10px}.vn-categories{scrollbar-width:none;gap:8px;padding:14px 24px 0;display:flex;overflow:auto}.vn-categories button{white-space:nowrap;color:#a8a69c;background:#222321;border:1px solid #0000;border-radius:24px;padding:8px 17px;font-size:13px}.vn-categories button[aria-pressed=true]{color:#efd7af;background:#2d2921;border-color:#8b795a}.vn-swipe-hint{color:#929188;margin:9px 24px 14px;font-size:11px}.vn-feature{isolation:isolate;border-radius:4px;align-items:flex-end;max-width:1150px;min-height:calc(100dvh - 240px);margin:0 auto;animation:.35s ease-out vn-slide;display:flex;position:relative;overflow:hidden}.vn-feature-art{object-fit:cover;object-position:center 35%;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.vn-feature-shade{z-index:-2;background:linear-gradient(#0000 35%,#080a0db8 70%,#080a0dfa 100%);position:absolute;inset:0}.vn-feature-copy{max-width:650px;padding:40px 95px 55px 38px}.vn-eyebrow{letter-spacing:2px;color:#ead2a8;font-size:10px}.vn-feature h1{letter-spacing:1px;margin:12px 0 15px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(29px,4vw,48px);font-weight:600;line-height:1.3}.vn-feature-copy>p{color:#d0cec8;max-width:460px;font-size:14px;line-height:1.9}.vn-feature-meta{color:#aea99f;gap:18px;margin:20px 0;font-size:11px;display:flex}.vn-primary{color:#201b14;background:#e5c99b;border-radius:5px;align-items:center;gap:12px;padding:15px 23px;font-size:14px;font-weight:700;display:flex}.vn-feature-copy>small{color:#b8b0a1;margin-top:12px;font-size:10px;display:block}.vn-actions{flex-direction:column;gap:23px;display:flex;position:absolute;bottom:110px;right:20px}.vn-actions button{text-shadow:0 1px 5px #000;flex-direction:column;align-items:center;gap:6px;display:flex}.vn-actions small{font-size:10px}.vn-actions button[aria-pressed=true]{color:#f0c681}.vn-feed-controls{align-items:center;gap:18px;font-size:12px;display:flex;position:absolute;bottom:30px;right:22px}.vn-feed-controls button{font-size:22px}.vn-bottom{z-index:10;padding:12px 10px calc(12px + env(safe-area-inset-bottom));background:#10100f;border-top:1px solid #27251f;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.vn-bottom button{color:#969386;flex-direction:column;align-items:center;gap:5px;font-size:11px;display:flex}.vn-bottom button[aria-current=page]{color:#eed3a6}.vn-search{border-bottom:1px solid #494339;gap:12px;max-width:1000px;margin:20px auto;padding:15px 25px;display:flex}.vn-search input{background:0 0;outline:none;width:100%}.vn-library{max-width:1000px;margin:30px auto;padding:0 24px}.vn-library h1{margin-bottom:25px;font-size:25px}.vn-library article{border-bottom:1px solid #2b2822;gap:23px;margin-bottom:32px;padding-bottom:25px;display:flex}.vn-library img{object-fit:cover;border-radius:6px;width:125px;height:190px}.vn-library h2{margin:5px 0;font-size:20px}.vn-library small{color:#bba47f;font-size:11px}.vn-library p{color:#a7a399;margin-bottom:10px;font-size:13px;line-height:1.8}.vn-library button{color:#f0d1a2;font-size:12px}.vn-chapter-list{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.vn-chapter-list button{background:#26241f;border-radius:4px;align-items:center;padding:7px 10px;font-size:11px;display:flex}.vn-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:60vh;padding:30px;display:flex}.vn-toast{z-index:20;background:#302c23;border-radius:6px;width:max-content;max-width:90vw;padding:12px 20px;font-size:13px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.vn-stage{--accent:#e7c796;color:#f5eee1;isolation:isolate;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;height:100dvh;min-height:100dvh;display:flex;position:relative;overflow:hidden}.vn-stage.vn-starlight{--accent:#f3d7be}.vn-stage:before{content:"";z-index:-1;background:linear-gradient(#0008,#0000 30% 50%,#0007);position:absolute;inset:0}.vn-player-top{padding:calc(15px + env(safe-area-inset-top)) 22px 15px;align-items:center;gap:15px;display:flex;position:absolute;top:0;left:0;right:0}.vn-player-top>div{text-shadow:0 1px 4px #000;flex-direction:column;flex:1;gap:4px;display:flex}.vn-player-top small{letter-spacing:1px;font-size:11px}.vn-player-top span{font-size:15px}.vn-player-top button{background:#1119;border-radius:30px;padding:10px}.vn-scene-label{text-shadow:0 2px 8px #000;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:30%;left:30px}.vn-scene-label>span{letter-spacing:4px;color:#efe5d2;font-size:10px}.vn-scene-label small{margin-top:10px;font-family:Georgia,serif;font-size:22px}.vn-dialogue{background:#0f1319f0;border:1px solid #a793704d;border-radius:6px;width:calc(100% - 80px);max-width:1000px;max-height:65dvh;margin:0 auto 40px;padding:32px 40px 15px;position:relative;overflow-y:auto;box-shadow:0 15px 45px #0005}.vn-starlight .vn-dialogue{background:#221c30f0;border-color:#f3d7be55}.vn-speaker{color:var(--accent);letter-spacing:3px;margin-bottom:15px;font-size:15px;font-weight:700}.vn-dialogue>p{letter-spacing:.5px;min-height:100px;margin:0;line-height:1.95}.vn-enter{animation:.35s ease-out vn-text}.vn-continue{color:var(--accent);align-items:center;gap:8px;margin:12px 0 0 auto;padding:12px;font-size:12px;display:flex}.vn-dialogue-tools{color:#bab4aa;border-top:1px solid #ffffff16;align-items:center;gap:18px;margin-top:5px;padding-top:12px;font-size:10px;display:flex}.vn-dialogue-tools button{align-items:center;gap:5px;padding:7px 0;display:flex}.vn-dialogue-tools>span{margin-left:auto}.vn-choices{flex-direction:column;gap:9px;margin:20px 0;display:flex}.vn-choices button{text-align:left;background:#ffffff06;border:1px solid #ac967358;border-radius:4px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;line-height:1.6;display:flex}.vn-choices button:hover{background:#cfb88a22;border-color:#e8d1a5}.vn-overlay{z-index:40;background:#090b11d9;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.vn-panel{background:#1c1b20;border:1px solid #51483a;border-radius:12px;width:100%;max-width:620px;max-height:88dvh;padding:35px;font-size:14px;position:relative;overflow:auto;box-shadow:0 20px 80px #0008}.vn-panel>small{letter-spacing:2px;color:#d0b98e;font-size:10px}.vn-panel h2{margin:10px 25px 22px 0;font-size:24px;line-height:1.5}.vn-panel h3{margin-top:25px;font-size:17px}.vn-panel p{color:#c2bbaf;white-space:pre-wrap;margin:14px 0;line-height:1.9}.vn-panel p[role=alert]{color:#ffb4a5}.vn-panel>button:not(.vn-close),.vn-panel>a{color:#e6d0aa;border:1px solid #5c503b;border-radius:5px;align-items:center;gap:9px;width:100%;margin:12px 0;padding:13px 16px;display:flex}.vn-close{padding:6px;position:absolute;top:18px;right:18px}.vn-panel label{justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.vn-panel select{background:#302d2b;border-radius:4px;padding:8px}.vn-slot{border-bottom:1px solid #484034;align-items:center;gap:10px;padding:14px 0;display:flex}.vn-slot span{flex:1}.vn-slot small{color:#979086;margin-top:3px;font-size:10px;display:block}.vn-slot button{background:#302b24;border-radius:4px;gap:5px;padding:8px;font-size:12px;display:flex}.vn-ending h2{color:var(--accent);margin:10px 0 18px;font-size:26px}.vn-ending button{border:1px solid #8a775555;margin-right:12px;padding:10px;font-size:13px}.vn-stage button:disabled{opacity:.4;cursor:default}.vn-stage button:focus-visible,.vn-app button:focus-visible{outline-offset:4px;outline:2px solid #e9c99a}@keyframes vn-slide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes vn-text{0%{opacity:.1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (min-width:900px){.vn-feature-art{object-position:78% 30%;width:65%;left:auto}.vn-feature-shade{background:linear-gradient(90deg,#10100f 28%,#10100fb8 45%,#0000 78%),linear-gradient(#0000 55%,#10100f)}.vn-feature{min-height:650px}.vn-feature-copy{padding-bottom:100px}.vn-bottom{border-radius:14px 14px 0 0;left:calc(50% - 280px);right:calc(50% - 280px)}.vn-channel,.vn-categories,.vn-swipe-hint{max-width:1200px;margin-left:auto;margin-right:auto}.vn-stage{background-position:50%}}@media (max-width:600px){.vn-channel{height:58px;padding:12px 18px 0}.vn-channel nav{gap:20px}.vn-channel a{font-size:18px}.vn-categories{padding-left:18px}.vn-swipe-hint{margin-left:18px}.vn-feature{border-radius:0;min-height:calc(100dvh - 230px)}.vn-feature-copy{padding:210px 80px 45px 24px}.vn-feature-copy>p{font-size:12px}.vn-feature h1{font-size:29px}.vn-actions{bottom:135px;right:16px}.vn-library article{gap:15px}.vn-library img{width:90px;height:140px}.vn-library h2{font-size:17px}.vn-library p{display:none}.vn-dialogue{width:calc(100% - 24px);margin-bottom:calc(15px + env(safe-area-inset-bottom));max-height:63dvh;padding:22px 20px 12px}.vn-dialogue>p{font-size:.88em;line-height:1.9}.vn-dialogue-tools{gap:12px}.vn-dialogue-tools>span{max-width:45%;font-size:9px}.vn-scene-label{top:22%;left:24px}.vn-player-top{padding-left:12px;padding-right:12px}.vn-panel{padding:25px 20px}.vn-choices button{padding:12px;font-size:13px}.vn-stage{background-position:55%}.vn-feature-meta{gap:10px;font-size:10px}}@media (prefers-reduced-motion:reduce){.vn-feature,.vn-enter{animation:none}}.vn-studio{max-width:1050px;margin:auto;padding:25px}.vn-studio h1{margin:20px 0;font-size:28px}.vn-studio h2{margin:10px 0;font-size:20px}.vn-studio p{color:#b8b0a1;font-size:13px;line-height:1.8}.vn-studio [role=alert]{color:#ffaf9d}.vn-studio [role=status]{color:#d4d8a0}.vn-studio button{color:#e8cf9f;border:1px solid #69593d;border-radius:5px;margin:7px 8px 7px 0;padding:9px 14px;font-size:13px}.vn-studio button:disabled{opacity:.35}.vn-studio input,.vn-studio textarea,.vn-studio select{color:#ece4d4;background:#201e21;border:1px solid #4e463c;border-radius:5px;max-width:100%;padding:10px}.vn-studio-works{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px;margin:25px 0;display:grid}.vn-studio-works article{border:1px solid #463d30;border-radius:8px;padding:20px}.vn-editor{border:1px solid #514332;border-radius:10px;padding:25px}.vn-editor label{flex-direction:column;gap:7px;margin:16px 0;font-size:13px;display:flex}.vn-editor fieldset{border:1px solid #635236;padding:15px}.vn-editor details{margin:25px 0}.vn-editor details textarea{width:100%;margin-top:15px;font-family:monospace;font-size:12px;display:block}.vn-studio p.vn-status-alert{color:#ffaf9d}.vn-studio [role=group]{border:1px solid #69593d;border-radius:6px;margin:8px 0;padding:10px 12px}.vn-studio [role=group] p{color:#ece4d4}.vn-studio [role=note]{color:#ffcfbf}.vn-feature h1,.vn-library h2{text-wrap:balance}.vn-portrait{pointer-events:none;object-fit:contain;object-position:bottom;z-index:-1;width:70%;height:89%;animation:.25s ease-out vn-text;position:absolute;bottom:0;right:8%}.vn-player-top{z-index:2}.vn-scene-label{z-index:-1}@media (max-width:600px){.vn-portrait{width:110%;height:82%;bottom:12%;right:-12%}}@media (prefers-reduced-motion:reduce){.vn-portrait{animation:none}}.vn-import-dialog{color:#ece4d4;background:#171719;border:1px solid #69593d;border-radius:16px;width:min(600px,100% - 24px);max-height:85dvh;margin:auto;padding:28px;position:fixed;inset:0;overflow:auto}.vn-import-dialog::backdrop{background:#000b}.vn-import-dialog h2{font-size:23px}.vn-import-dialog ul{padding-left:20px;font-size:13px;line-height:1.9;list-style:outside}.vn-import-dialog a{color:#e8cf9f;text-decoration:underline}.vn-import-dialog label{gap:12px;margin:22px 0;display:grid}.vn-import-dialog input{width:100%}.vn-audio-notice{z-index:3;top:calc(78px + env(safe-area-inset-top));text-align:right;color:#fff;text-shadow:0 1px 4px #000;pointer-events:none;font-size:12px;position:absolute;left:18px;right:18px}.vn-scroll{display:contents}@media (max-width:700px){:is(html:has(.vn-app),body:has(.vn-app)){overscroll-behavior:none;height:100%;overflow:clip}.vn-app{min-height:0;padding-top:env(safe-area-inset-top,0px);flex-direction:column;padding-bottom:50px;display:flex;position:fixed;inset:0;overflow:clip}.vn-app :is(.vn-channel,.vn-categories,.vn-swipe-hint){flex-shrink:0}.vn-app .vn-channel{height:44px;padding:0 18px}.vn-app .vn-channel a{font-size:14px}.vn-app .vn-scroll{overscroll-behavior:contain;flex:1;min-height:0;display:block;overflow:auto}.vn-app .vn-scroll .vn-feature{min-height:100%}.vn-app .vn-bottom{height:50px;padding:2px 12px}.vn-app .vn-bottom button{justify-content:center;gap:2px;font-size:10px}.vn-app .vn-bottom svg{width:20px;height:20px}}.vn-library .vn-chapter-list{flex-flow:column;gap:8px}.vn-library .vn-chapter-list>button{color:#f3e6cf;text-align:left;background:#1d1c19;border:1px solid #ffffff1c;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 14px;font-size:13px;transition:background .15s,border-color .15s;display:flex}.vn-library .vn-chapter-list>button>span{flex:1;min-width:0}.vn-library .vn-chapter-list>button>small{color:#bba47f;font-size:11px}.vn-library .vn-chapter-list>button>svg:last-child{color:#e5c899}.vn-library .vn-chapter-list>button:active,.vn-library .vn-chapter-list>button:hover{background:#2a271f;border-color:#8b795a}.vn-player-top>button{align-items:center;gap:4px;display:flex}.vn-player-top>button>span{font-size:12px}:is(html:has(.vn-rotate-cw,.vn-rotate-ccw),body:has(.vn-rotate-cw,.vn-rotate-ccw)){overscroll-behavior:none;height:100%;overflow:hidden}:is(.vn-stage,.vn-hosted).vn-rotate-cw{z-index:60;transform-origin:0 0;width:100dvh;height:100vw;min-height:0;padding-left:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-bottom,0px);background-position:50%;position:fixed;top:0;left:100vw;transform:rotate(90deg)}.vn-rotate-cw .vn-dialogue{max-height:63vw}.vn-rotate-cw .vn-panel{max-height:88vw}.vn-rotate-cw .vn-portrait{width:70%;height:89%;bottom:0;right:8%}.vn-stage.vn-rotate-ccw{z-index:60;transform-origin:0 0;width:100dvh;height:100vw;min-height:0;position:fixed;top:100dvh;left:0;transform:rotate(-90deg)}.vn-rotate-ccw .vn-dialogue{max-height:63vw}.vn-rotate-ccw .vn-panel{max-height:88vw}body:has(.vn-portrait-frame){background:#08090d}.vn-stage.vn-portrait-frame{width:min(100%,56.25dvh);margin:0 auto}:is(.vn-rotate-ccw,.vn-portrait-frame) .vn-dialogue{width:calc(100% - 24px);margin-bottom:calc(15px + env(safe-area-inset-bottom));padding:22px 20px 12px}:is(.vn-rotate-ccw,.vn-portrait-frame) .vn-dialogue>p{font-size:.88em;line-height:1.9}:is(.vn-rotate-ccw,.vn-portrait-frame) .vn-dialogue-tools{gap:12px}:is(.vn-rotate-ccw,.vn-portrait-frame) .vn-dialogue-tools>span{max-width:45%;font-size:9px}:is(.vn-rotate-ccw,.vn-portrait-frame) .vn-scene-label{top:22%;left:24px}:is(.vn-rotate-ccw,.vn-portrait-frame) .vn-player-top{padding-left:12px;padding-right:12px}:is(.vn-rotate-ccw,.vn-portrait-frame) .vn-panel{padding:25px 20px}:is(.vn-rotate-ccw,.vn-portrait-frame) .vn-choices button{padding:12px;font-size:13px}:is(.vn-rotate-ccw,.vn-portrait-frame) .vn-portrait{width:110%;height:82%;bottom:12%;right:-12%}.vn-stage{container:vn-stage/size}@container vn-stage (orientation:landscape) and (max-height:520px){.vn-stage .vn-dialogue{width:calc(100% - 48px);max-width:1000px;max-height:42cqh;margin:0 auto 10px;padding:10px 22px 4px}.vn-stage .vn-dialogue:has(.vn-choices){max-height:64cqh}.vn-stage .vn-speaker{letter-spacing:2px;margin-bottom:4px;font-size:12px}.vn-stage .vn-dialogue>p{min-height:0;font-size:.8em;line-height:1.65}.vn-stage .vn-dialogue-tools{gap:14px;margin-top:4px;padding-top:4px}.vn-stage .vn-dialogue-tools button{padding:3px 0}.vn-stage .vn-choices{gap:6px;margin:8px 0}.vn-stage .vn-choices button{padding:7px 12px;font-size:13px;line-height:1.45}.vn-stage .vn-player-top{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:8px}.vn-stage .vn-scene-label{top:18%}}:is(html:has(.vn-hosted),body:has(.vn-hosted)){overscroll-behavior:none;height:100%;overflow:hidden}.vn-hosted{z-index:60;background:#08090d;position:fixed;inset:0}.vn-hosted iframe{background:#08090d;border:0;width:100%;height:100%;display:block}.vn-hosted-status{color:#d8d0c2;pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.vn-hosted-exit{top:calc(6px + env(safe-area-inset-top,0px));z-index:2;color:#efe6d6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0d12b8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;line-height:1.4;display:flex;position:absolute;left:50%;transform:translate(-50%)}.vn-hosted-exit:focus-visible{outline-offset:2px;outline:2px solid #e7c796}.vn-hosted.vn-rotate-cw .vn-hosted-exit{top:6px}