*{box-sizing:border-box;margin:0;padding:0}body{color:#eee;background:#14141c;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.vn-app{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.vn-stage{aspect-ratio:16/9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#000;border-radius:12px;width:min(100%,177.778vh - 56.8889px,1280px);position:relative;overflow:hidden;box-shadow:0 12px 48px #0009}.vn-app:fullscreen{background:#000;padding:0}.vn-app:fullscreen .vn-stage{width:min(100%,177.778vh);box-shadow:none;border-radius:0}.vn-camera{will-change:transform;position:absolute;inset:0}.vn-background,.vn-bg-layer{position:absolute;inset:0}.vn-bg-layer{background-position:50%;background-size:cover}.vn-bg-fade{animation:.8s both vn-bg-fade-in}.vn-bg-wipe{animation:.8s ease-in-out both vn-bg-wipe-in}.vn-bg-none{animation:none}@keyframes vn-bg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vn-bg-wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.vn-sprite{pointer-events:none;height:78%;transition:left .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;transform:translate(-50%)}.vn-sprite-anim{height:100%}.vn-sprite img{filter:drop-shadow(0 6px 14px #00000059);height:100%;display:block}.vn-dialogue{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10101ae0;border:1px solid #ffffff24;border-radius:12px;min-height:22%;padding:26px 28px 18px;position:absolute;bottom:3.5%;left:4%;right:4%}.vn-dialogue p{font-size:clamp(14px,1.9vw,21px);line-height:1.55}.vn-narration{color:#c9c9d6;font-style:italic}.vn-nametag{color:#fff;text-shadow:0 1px 2px #0006;border-radius:8px;padding:4px 18px;font-size:clamp(13px,1.6vw,17px);font-weight:700;position:absolute;top:-16px;left:22px;box-shadow:0 2px 8px #00000059}.vn-continue{margin-left:8px;animation:1s ease-in-out infinite vn-blink;display:inline-block}@keyframes vn-blink{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(3px)}}.vn-choices{cursor:default;background:#00000073;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.vn-choice-prompt{text-shadow:0 2px 6px #000000b3;margin-bottom:8px;font-size:clamp(15px,2vw,22px);font-weight:600}.vn-choice{color:#fff;cursor:pointer;background:#1c1c2ceb;border:1px solid #ffffff38;border-radius:10px;width:min(70%,560px);padding:14px 22px;font-size:clamp(14px,1.8vw,19px);transition:transform .15s,background .15s}.vn-choice:hover{background:#464678f2;transform:scale(1.03)}.vn-toolbar{cursor:default;gap:8px;display:flex;position:absolute;top:12px;right:12px}.vn-button{color:#fff;cursor:pointer;background:#141422bf;border:1px solid #ffffff40;border-radius:8px;padding:7px 16px;font-size:14px;transition:background .15s}.vn-button:hover{background:#464678e6}.vn-button-big{padding:12px 36px;font-size:18px}.vn-overlay{cursor:default;z-index:10;background:#08080ec7;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vn-title h1{letter-spacing:2px;text-shadow:0 4px 18px #788cff73;margin-bottom:32px;font-size:clamp(28px,5vw,56px)}.vn-title-buttons{gap:16px;display:flex}.vn-title-fullscreen{opacity:.85;margin-top:18px}.vn-input-form{background:#1b1b2a;border:1px solid #ffffff2e;border-radius:14px;flex-direction:column;align-items:center;gap:18px;padding:32px 40px;display:flex}.vn-input-prompt{font-size:clamp(16px,2vw,22px);font-weight:600}.vn-input-field{color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff4d;border-radius:8px;outline:none;width:min(70vw,360px);padding:12px 16px;font-size:18px}.vn-input-field:focus{border-color:#8a8aff}.vn-menu{background:#1b1b2a;border:1px solid #ffffff2e;border-radius:14px;flex-direction:column;gap:16px;width:min(86%,620px);max-height:88%;padding:24px;display:flex;overflow-y:auto}.vn-menu h2{text-align:center;font-size:22px}.vn-slots{flex-direction:column;gap:8px;display:flex}.vn-slot{gap:6px;display:flex}.vn-slot-main{color:#eee;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;flex:1;align-items:center;gap:14px;padding:10px 14px;transition:background .15s;display:flex}.vn-slot-main:hover:not(:disabled){background:#6464aa59}.vn-slot-main:disabled{opacity:.45;cursor:default}.vn-slot-num{color:#8a8aff;font-size:20px;font-weight:700}.vn-slot-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.vn-slot-preview{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.vn-slot-date{color:#9a9ab0;font-size:12px}.vn-slot-delete{color:#f08;cursor:pointer;background:#c83c502e;border:1px solid #dc5a6e66;border-radius:8px;width:38px}.vn-slot-delete:hover{background:#c83c5073}.vn-chapters{max-height:86%}.vn-chapter-list{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.vn-chapter-group{text-align:left;color:#cfcfff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;width:100%;padding:10px 14px;font-size:15px;font-weight:700}.vn-chapter-group:hover{background:#6464aa4d}.vn-chapter-count{color:#9a9ab0;font-weight:400}.vn-chapter{text-align:left;color:#ddd;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:7px 14px 7px 30px;font-size:14px}.vn-chapter:hover{background:#6464aa59}