.vn-theme{--vn-ink:#382531;--vn-muted:#886d78;--vn-plum:#6e354c;--vn-rose:#bd7b91;--vn-paper:#fff9f6;--vn-line:#e9d8d8;color:var(--vn-ink);box-sizing:border-box;font-family:inherit;line-height:1.6}.vn-theme *{box-sizing:border-box}.vn-theme button,.vn-theme a,.vn-theme input,.vn-theme textarea,.vn-theme select{touch-action:manipulation}.vn-theme button{cursor:pointer}.vn-theme button:disabled{cursor:not-allowed;opacity:.5}.vn-theme button:focus-visible,.vn-theme a:focus-visible{outline-offset:4px;outline:3px solid #d097ac}.vn-theme input:focus,.vn-theme textarea:focus,.vn-theme select:focus{outline-offset:1px;outline:2px solid #b67890}.vn-theme input:not([type=range]),.vn-theme textarea{border:1px solid var(--vn-line);width:100%;font:inherit;color:var(--vn-ink);resize:vertical;background:#fffdfb;border-radius:12px;padding:11px 13px;font-size:16px;display:block}.vn-theme input[type=range]{accent-color:#9b526e;width:100%;min-height:28px}.vn-theme label{font-size:13px;font-weight:500;display:block}.vn-theme label input,.vn-theme label textarea{margin-top:6px}.vn-theme h1,.vn-theme h2,.vn-theme h3,.vn-theme p{margin:0}.vn-studio{background:#f7eeec;min-height:100dvh}.vn-setup{background:var(--vn-paper);max-width:680px;min-height:100dvh;margin:auto;padding-bottom:48px}.vn-brandbar{justify-content:space-between;align-items:center;gap:10px;height:65px;padding:0 24px;display:flex}.vn-brand{font-family:var(--font-reading);letter-spacing:-1px;color:#603449;font-size:24px;text-decoration:none}.vn-brand span{letter-spacing:3px;margin-left:10px;font-family:inherit;font-size:11px}.vn-preview-badge{letter-spacing:1px;color:var(--vn-muted);border:1px solid var(--vn-line);border-radius:20px;padding:4px 8px;font-size:10px}.vn-mode-tabs{background:#f0e4e6;border-radius:12px;gap:4px;margin:0 22px 18px;padding:5px;display:flex}.vn-mode-tabs a,.vn-mode-tabs>span{text-align:center;letter-spacing:2px;color:var(--vn-muted);border-radius:9px;flex:1;padding:10px;font-size:14px;text-decoration:none}.vn-mode-tabs [aria-current]{color:var(--vn-plum);background:#fffaf8;font-weight:700;box-shadow:0 2px 8px #753c4810}.vn-setup-hero{color:#fff4ec;background:#352931 url(/images/visual-novel/backgrounds/cafe-rain.webp) 50% 47%/cover;border-radius:20px;height:350px;margin:0 16px;position:relative;overflow:hidden}.vn-hero-shade{background:linear-gradient(90deg,#241921ec 0%,#2b1d25a1 45%,#2219210a 80%),linear-gradient(#0000 55%,#241921df);position:absolute;inset:0}.vn-hero-content{z-index:2;pointer-events:none;max-width:70%;position:absolute;top:42px;left:25px}.vn-eyebrow{letter-spacing:2px;color:#b88291;font-size:9px;font-weight:500;display:block}.vn-hero-content .vn-eyebrow{color:#e4beaa;letter-spacing:1.5px;font-size:8px}.vn-hero-content h1{font-family:var(--font-reading);letter-spacing:3px;margin:16px 0;font-size:31px;font-weight:400;line-height:1.5}.vn-hero-content p{letter-spacing:1px;color:#eedbd7;font-size:12px;line-height:2}.vn-hero-avatars{filter:brightness(.85);width:280px;height:420px;position:absolute;top:15px;right:-50px}.vn-hero-footnote{letter-spacing:2px;color:#e4c4b5;z-index:3;font-size:9px;position:absolute;bottom:18px;left:25px}.vn-quick-start{background:#fffaf7;border:1px solid #e2cbd1;border-radius:18px;gap:15px;margin:14px 16px 4px;padding:18px;display:grid;box-shadow:0 12px 35px #6d33450f}.vn-quick-copy h2{letter-spacing:1px;margin:6px 0 5px;font-size:20px;font-weight:500}.vn-quick-copy p{color:var(--vn-muted);font-size:12px;line-height:1.9}.vn-quick-actions{gap:9px;display:grid}.vn-quick-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.vn-quick-metrics div{text-align:center;background:#fffdfb;border:1px solid #ecdadd;border-radius:12px;min-width:0;padding:9px 8px}.vn-quick-metrics dt{color:#6f344b;font-size:12px;font-weight:700}.vn-quick-metrics dd{color:#92727f;margin:2px 0 0;font-size:10px;line-height:1.5}.vn-cg-showcase{background:linear-gradient(145deg,#fff9f6,#f5e6e9);border:1px solid #d9bec8;border-radius:16px;grid-template-columns:minmax(0,38%) 1fr;gap:16px;padding:14px;display:grid}.vn-cg-example{background:#2d2028;border-radius:12px;min-height:240px;position:relative;overflow:hidden}.vn-cg-example img{object-fit:cover;object-position:center 42%;width:100%;height:100%;position:absolute}.vn-cg-showcase-copy{align-self:center}.vn-cg-showcase-copy h2{font-family:var(--font-reading);color:#5f3043;margin:7px 0 8px;font-size:19px;font-weight:400;line-height:1.5}.vn-cg-showcase-copy p{color:var(--vn-muted);font-size:11px;line-height:1.8}.vn-cg-showcase-copy ul{color:#71475a;gap:5px;margin:10px 0;padding:0;font-size:10px;list-style:none;display:grid}.vn-cg-showcase-copy li:before{content:"✓";color:#a45e78;margin-right:6px;font-weight:700}.vn-cg-showcase-copy small{color:#9a7a86;font-size:9px;line-height:1.6;display:block}.vn-avatar{width:100%;height:100%;min-height:1px;position:relative}.vn-avatar canvas{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.vn-avatar-placeholder{color:#ad8994;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.vn-resume{width:calc(100% - 44px);color:var(--vn-plum);background:#f2e3e6;border:1px solid #e4cbd2;border-radius:12px;justify-content:space-between;align-items:center;margin:18px 22px 0;padding:13px 15px;font-size:14px;display:flex}.vn-resume span{color:var(--vn-muted);font-size:10px}.vn-setup-customize{border-top:1px solid var(--vn-line);margin-top:18px;scroll-margin-top:16px;display:block}.vn-customize-heading{padding:28px 24px 0}.vn-customize-heading h2{font-family:var(--font-reading);letter-spacing:1px;margin:7px 0 5px;font-size:24px;font-weight:400}.vn-customize-heading p{color:var(--vn-muted);font-size:12px;line-height:1.8}.vn-setup-body{padding:0 24px}.vn-setup-section{border-bottom:1px solid var(--vn-line);padding:29px 0}.vn-section-title{align-items:center;gap:10px;margin-bottom:15px;display:flex}.vn-section-title>span{font-family:var(--font-reading);color:#bf97a0;font-size:17px;font-style:italic}.vn-section-title h2{letter-spacing:1px;font-size:18px;font-weight:500}.vn-section-hint{color:var(--vn-muted);font-size:12px;line-height:1.9;margin:6px 0 15px!important}.vn-text-button{color:var(--vn-plum);text-underline-offset:4px;background:0 0;border:0;min-height:40px;margin-left:auto;font-size:10px;text-decoration:underline}.vn-pills{flex-wrap:wrap;gap:8px;display:flex}.vn-pills button{border:1px solid var(--vn-line);color:var(--vn-muted);background:#fffaf8;border-radius:8px;min-height:40px;padding:9px 13px;font-size:12px}.vn-pills button[aria-pressed=true]{color:#77394f;background:#f2e1e6;border-color:#bd8c9c;box-shadow:inset 0 0 0 1px #bd8c9c33}.vn-genre-pills{margin-bottom:18px}.vn-genre-pills button{min-width:80px}.vn-input-label{margin-bottom:8px}.vn-flavors{gap:14px;margin-top:20px;display:grid}.vn-flavors label>span{align-items:center;gap:12px;font-size:15px;display:flex}.vn-flavors small{color:var(--vn-muted);font-size:11px;font-weight:400}.vn-flavors b{font-family:var(--font-reading);color:#996577;margin-left:auto;font-weight:400}.vn-character-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vn-character-card{border:1px solid var(--vn-line);text-align:left;background:#f5e9e5;border-radius:14px;overflow:hidden}.vn-card-art{background:radial-gradient(at 50% 40%,#fff7f0,#e8cfcf);height:232px;position:relative;overflow:hidden}.vn-card-art .vn-avatar{width:115%;height:130%;top:6px;left:-7.5%}.vn-edit-indicator{color:#684652;background:#fffaf0d9;border:1px solid #fff8;border-radius:20px;padding:4px 8px;font-size:9px;position:absolute;bottom:8px;right:8px}.vn-card-caption{background:#fffaf6;padding:12px}.vn-card-caption small{color:var(--vn-muted);font-size:10px}.vn-card-caption strong{margin:1px 0 4px;font-size:17px;font-weight:500;display:block}.vn-card-caption>span{color:#957783;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.vn-option-field{border:0;min-width:0;margin:18px 0 0;padding:0}.vn-option-field legend{color:#795867;margin-bottom:8px;font-size:12px}.vn-background-select-label{color:#795867;margin-bottom:7px}.vn-background-select-wrap{margin-bottom:12px;position:relative}.vn-background-select-wrap:after{content:"⌄";pointer-events:none;color:#8d5b70;font-size:18px;position:absolute;top:50%;right:14px;transform:translateY(-55%)}.vn-background-select-wrap select{appearance:none;width:100%;min-height:48px;color:var(--vn-ink);font:inherit;background:#fffdfb;border:1px solid #d9bdc6;border-radius:12px;padding:11px 42px 11px 14px;font-size:16px;display:block}.vn-background-preview{background-position:50% 46%;background-size:cover;border:1px solid #dec6cc;border-radius:16px;align-items:flex-end;height:230px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #6f3d4c17}.vn-background-preview:before{content:"";background:linear-gradient(#0000 35%,#211b24e8);position:absolute;inset:0}.vn-background-preview>div{color:#fff8f2;width:100%;padding:18px;position:relative}.vn-background-preview span{letter-spacing:2px;color:#e9cbbd;font-size:9px;display:block}.vn-background-preview strong{letter-spacing:1px;margin:3px 0 2px;font-size:18px;font-weight:500;display:block}.vn-background-preview p{color:#f0ded7;font-size:11px;line-height:1.7}.vn-start-panel{text-align:center;gap:12px;padding:30px 0 0;display:grid}.vn-start-panel h2{letter-spacing:1px;font-size:21px;font-weight:400}.vn-start-panel p{color:var(--vn-muted);margin-bottom:6px;font-size:12px;line-height:2}.vn-start-panel>small{color:#9e808c;font-size:10px;line-height:1.9}.vn-button{letter-spacing:1px;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 17px;font-size:14px;display:flex}.vn-primary{color:#fff7f2;background:linear-gradient(120deg,#8e4d67,#643246);box-shadow:0 6px 20px #6d334524}.vn-secondary{color:#815169;background:#fbf2ee;border-color:#e1cbd0}.vn-dialog-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#211520b8!important}.vn-character-dialog{flex-direction:column;max-height:92dvh;overflow:hidden;background:var(--vn-paper)!important;border-color:#e7d4d6!important;border-radius:20px!important;gap:0!important;width:calc(100% - 24px)!important;max-width:650px!important;padding:0!important;display:flex!important}.vn-dialog-heading{padding:24px 24px 12px}.vn-dialog-heading h2{margin:7px 0;font-size:19px!important;font-weight:500!important;line-height:1.6!important}.vn-dialog-heading p{color:var(--vn-muted)!important;font-size:11px!important}.vn-character-editor{grid-template-columns:42% 58%;min-height:0;display:grid;overflow-y:auto}.vn-character-preview{background:radial-gradient(#f9ece1,#e9d1d0);align-self:start;height:370px;position:sticky;top:0;overflow:hidden}.vn-character-preview .vn-avatar{width:240px;height:360px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.vn-preview-caption{text-align:center;letter-spacing:1px;color:#fff4e9;background:linear-gradient(#0000,#4b323bd9);padding:50px 12px 14px;font-size:18px;position:absolute;bottom:0;left:0;right:0}.vn-preview-caption small{letter-spacing:1px;font-size:10px;display:block}.vn-character-fields{gap:12px;padding:0 18px 20px 14px;display:grid}.vn-character-fields .vn-option-field{margin-top:0}.vn-character-fields .vn-pills{gap:5px}.vn-character-fields .vn-pills button{flex:1;padding:7px;font-size:10px}.vn-character-fields .vn-theme label{font-size:11px}.vn-field-pair{grid-template-columns:1.6fr 1fr;gap:8px;display:grid}.vn-preload-status{color:var(--vn-muted);margin:4px 0;font-size:10px}.vn-dialog-footer{border-top:1px solid var(--vn-line);background:#fff9f6;gap:10px;padding:14px 20px;display:flex}.vn-error{font-size:12px;line-height:1.8;color:#a34459!important}.vn-character-dialog>.vn-error{padding:10px 20px}.vn-confirm-dialog,.vn-log-dialog{background:var(--vn-paper)!important;border-color:var(--vn-line)!important;border-radius:16px!important;width:calc(100% - 32px)!important}.vn-log-dialog{flex-direction:column;max-height:88dvh;color:#382531!important;display:flex!important}.vn-log-title{color:#382531!important}.vn-log-description{color:#6f5661!important}.vn-log-dialog>.vn-reader-preferences,.vn-log-dialog>.vn-motion-preference{color:#5f4b54!important}.vn-log-dialog>button{color:#674755!important}.vn-log-entries{overscroll-behavior:contain;min-height:0;padding-right:4px;overflow-y:auto}.vn-log-entries section{margin-bottom:24px}.vn-log-entries h3{color:#704151;margin:8px 0 12px;font-size:14px}.vn-log-entries button{text-align:left;color:#382531;background:#fbf2ed;border:1px solid #eadbd8;border-radius:10px;width:100%;margin:8px 0;padding:12px;display:block}.vn-log-entries button strong{color:#804d5f;margin-bottom:4px;font-size:11px;display:block}.vn-log-entries button span{color:#382531;font-size:14px;line-height:1.9}.vn-log-choice{color:#704151;font-size:12px}.vn-character-fields .vn-visual-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.vn-character-fields .vn-visual-options button{text-align:left;grid-template-rows:1fr auto;grid-template-columns:42px 1fr;align-items:center;min-width:0;min-height:74px;display:grid;position:relative;overflow:hidden}.vn-character-fields .vn-visual-options button>span:not(.vn-option-preview){overflow-wrap:anywhere;align-self:end}.vn-character-fields .vn-visual-options button>small{color:#9b7180;font-size:8px}.vn-option-preview{background:radial-gradient(#fff7f0,#e8cfcf);border-radius:7px;grid-row:1/3;width:38px;height:58px;position:relative;overflow:hidden}.vn-option-preview .vn-avatar{width:54px;height:81px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.vn-outfit-suggestion{color:#7a3d54;background:#f8eaee;border:1px dashed #b98a9b;border-radius:8px;width:100%;margin:0 0 7px;padding:8px 10px;font-size:10px}.vn-player-shell{color:#f6e9e0;background:#19151d;justify-content:center;min-height:100dvh;display:flex}.vn-stage{isolation:isolate;background:#30272b;width:100%;max-width:520px;height:100dvh;min-height:580px;position:relative;overflow:hidden}.vn-stage-background,.vn-stage-vignette,.vn-event-cg{z-index:-3;background-position:50%;background-size:cover;position:absolute;inset:0}.vn-stage-vignette{z-index:-2;background:linear-gradient(#17111c99,#0000 35%,#21192322 52%,#241923ef)}.vn-stage-characters{z-index:-1;pointer-events:none;position:absolute;inset:0}.vn-stage-character{filter:brightness(.84);transform-origin:bottom;width:81%;height:79%;transition:filter .4s,transform .4s;position:absolute;bottom:16%}.vn-stage-character.vn-position-0{z-index:1;left:-21%}.vn-stage-character.vn-position-1{z-index:0;bottom:19%;right:-14%}.vn-stage-character.vn-speaking{filter:brightness(1.04);z-index:2;transform:translateY(-5px)}.vn-stage-character canvas{object-fit:contain;object-position:center bottom}.vn-event-cg{z-index:-1;background-position:50% 35%}.vn-player-header{padding:calc(18px + env(safe-area-inset-top)) 18px 12px;background:linear-gradient(#201821c9,#0000);align-items:center;gap:12px;display:flex}.vn-player-header>button{color:#f7e4d7;background:#30212a55;border:1px solid #e3c2b63b;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.vn-player-header>div{flex-direction:column;display:flex}.vn-player-header>div span{letter-spacing:2px;color:#dcb6a9;font-size:9px}.vn-player-header strong{letter-spacing:2px;font-size:16px;font-weight:400}.vn-scene-tag{color:#e7cfc0;background:#271c2870;border:1px solid #f7d6c02e;border-radius:20px;margin-left:auto;padding:5px 9px;font-size:10px}.vn-player-subtitle{top:calc(88px + env(safe-area-inset-top));letter-spacing:.5px;color:#edcdbab8;justify-content:space-between;font-size:9px;display:flex;position:absolute;left:22px;right:22px}.vn-dialogue-area{bottom:calc(18px + env(safe-area-inset-bottom));position:absolute;left:20px;right:20px}.vn-speaker-name{z-index:1;letter-spacing:2px;color:#fff0e6;background:linear-gradient(120deg,#784759f5,#512c42f5);border:1px solid #c7969b99;border-radius:9px 9px 0 0;min-width:96px;margin-bottom:-1px;margin-left:14px;padding:7px 23px 8px;font-size:15px;display:table;position:relative;box-shadow:0 -3px 20px #24122235}.vn-dialogue-box{text-align:left;vertical-align:top;color:#fff3e7;letter-spacing:.8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(140deg,#352332f5,#211c2aef);border:1px solid #b68c9199;border-radius:14px;width:100%;min-height:178px;padding:22px 22px 38px;font-size:19px;line-height:1.95;display:block;position:relative;box-shadow:0 12px 40px #1008184d}.vn-dialogue-box.vn-thought{color:#e2c6d7}.vn-advance-hint{letter-spacing:1.5px;color:#d5aaa9;align-items:center;gap:3px;font-size:9px;display:flex;position:absolute;bottom:11px;right:15px}.vn-reader-tools{color:#d5b9bd;justify-content:space-between;align-items:center;gap:8px;padding:10px 6px 0;display:flex}.vn-reader-tools button,.vn-choice-footer button{min-height:34px;color:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:11px;display:flex}.vn-reader-tools button[aria-pressed=true]{color:#ffd7ca}.vn-reader-tools>span{color:#b99eaa;font-size:9px}.vn-reading-progress{background:#d8afbf1a;height:2px;position:absolute;bottom:0;left:0;right:0}.vn-reading-progress span{background:#db9eaa;height:100%;transition:width .3s;display:block}.vn-reveal-ui{color:#f3e0d3;letter-spacing:3px;text-shadow:0 2px 8px #000;background:0 0;border:0;justify-content:center;align-items:end;padding:30px;font-size:11px;display:flex;position:absolute;inset:0}.vn-choices-panel{overscroll-behavior:contain;max-height:calc(100% - 130px);padding:20px 24px calc(24px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#291e2af2,#211b28fc);border-top:1px solid #c895a44d;border-radius:25px 25px 0 0;transition:max-height .32s,background-color .32s;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -20px 80px #2115279e}.vn-choices-panel[data-expanded=false]{background:linear-gradient(#291e2ae8,#211b28f5);max-height:min(36dvh,300px)}.vn-choice-summary{text-align:center}.vn-choice-toggle{color:#f1d9dc;background:#69425775;border:1px solid #c696a66b;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:auto;height:44px;min-height:44px;margin:-10px auto 5px;padding:0 14px;font-size:12px;display:flex;box-shadow:inset 0 1px #fff1,0 4px 14px #10081752}.vn-choice-toggle:active{background:#84566f8c}.vn-ending-context{max-width:430px;color:#cdb3bd!important;margin:2px auto 7px!important;font-size:11px!important;line-height:1.65!important}.vn-ending-speaker{color:#d8adb8;letter-spacing:1px;margin-top:5px;font-size:10px;display:block}.vn-choices-panel h1{text-align:center;color:#f6e9e0;font-family:var(--font-reading);letter-spacing:.5px;max-width:430px;margin:4px auto 6px;font-size:18px;font-weight:400;line-height:1.7}.vn-choices-panel .vn-choice-question{color:#cdb3bd;margin:0 0 10px;font-size:11px;line-height:1.6}.vn-choice-actions[hidden]{display:none}.vn-choice-actions{padding-top:10px}.vn-choices-panel p{color:#cdb3bd;text-align:center;margin:10px 0 20px;font-size:12px;line-height:2}.vn-story-choice{text-align:left;color:#f7e6de;background:#7952691f;border:1px solid #a879897a;border-radius:12px;align-items:center;gap:12px;width:100%;margin:10px 0;padding:15px 14px;font-size:14px;line-height:1.8;display:flex}.vn-story-choice>span{font-family:var(--font-reading);color:#d4a8ad;font-size:18px;font-style:italic}.vn-story-choice>svg{color:#ba879a;flex-shrink:0;margin-left:auto}.vn-story-choice:hover{background:#99678135;border-color:#c18b9e}.vn-custom-choice{margin-top:20px}.vn-custom-choice label{color:#c7a5b4;margin-bottom:8px;font-size:11px}.vn-custom-choice textarea{color:#f4dfdf!important;background:#372735!important;border-color:#715162!important;font-size:14px!important}.vn-custom-choice .vn-button{color:#eccfdb;background:#4e3447;border-color:#895770;min-height:42px;margin-top:10px;font-size:12px}.vn-choice-footer{color:#caa7b6;justify-content:center;gap:28px;margin-top:20px;display:flex}.vn-notice{z-index:80;color:#65404e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8f3f5;border:1px solid #d5aab9;border-radius:14px;flex-wrap:wrap;gap:12px;width:calc(100% - 32px);max-width:540px;padding:15px 17px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #24142035}.vn-notice p{font-size:12px;line-height:1.8}.vn-notice small{font-size:10px}.vn-notice>div:first-of-type{flex:1;min-width:0}.vn-notice-actions{justify-content:flex-end;gap:20px;width:100%;display:flex}.vn-notice-actions button{color:#8e4b66;text-underline-offset:3px;background:0 0;border:0;min-height:30px;padding:4px;font-size:11px;text-decoration:underline}.vn-notice-busy{top:100px;bottom:auto}.vn-spinner{border:2px solid #e1beca;border-top-color:#9e6079;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:3px;animation:1s linear infinite vn-spin;display:block}.vn-loading{background:#fff8f5;place-items:center;min-height:60dvh;font-size:14px;display:grid}@keyframes vn-spin{to{transform:rotate(360deg)}}.vn-choices-panel .vn-cg-status{justify-content:center;align-items:center;gap:9px;margin:4px 0 10px;line-height:1.5;display:flex}.vn-choices-panel .vn-cg-status .vn-spinner{width:14px;height:14px;margin:0;display:inline-block}.vn-cg-waiting{z-index:2;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(145deg,#2f202ddd,#1f1824e8);border:1px solid #e2bac681;border-radius:18px;width:min(78%,340px);padding:18px 20px 16px;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #10081580}.vn-cg-waiting>span{letter-spacing:2px;color:#d6a3b2;font-size:9px;display:block}.vn-cg-waiting strong{font-family:var(--font-reading);color:#fff0e8;margin:6px 0 4px;font-size:17px;font-weight:400;display:block}.vn-cg-waiting p{color:#d2b6bf;font-size:11px;line-height:1.7}.vn-cg-waiting i{background:#fff1;border-radius:999px;height:4px;margin-top:12px;display:block;position:relative;overflow:hidden}.vn-cg-waiting i:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#a4617c,#e4a9b9);width:42%;animation:1.8s ease-in-out infinite vn-cg-progress;position:absolute;inset:0}@keyframes vn-cg-progress{0%{transform:translate(-110%)}to{transform:translate(340%)}}.vn-quick-promises{gap:8px;margin:0;padding:0;list-style:none;display:grid}.vn-quick-promises li{background:#fffdfb;border:1px solid #ecdadd;border-radius:12px;grid-template-columns:86px 1fr;align-items:start;gap:8px;padding:10px 11px;display:grid}.vn-quick-promises strong{color:#6f344b;font-size:12px}.vn-quick-promises span{color:#92727f;font-size:11px;line-height:1.6}@media (min-width:600px){.vn-setup{box-shadow:0 0 60px #5333430d}.vn-setup-hero{height:400px;margin:0 24px}.vn-hero-content{top:44px;left:36px}.vn-hero-content h1{font-size:40px}.vn-hero-avatars{width:350px;height:525px;top:6px;right:-20px}.vn-quick-start{margin:18px 24px 6px;padding:20px}.vn-quick-actions{grid-template-columns:1fr 1fr}.vn-setup-body{padding:0 36px}.vn-flavors{grid-template-columns:repeat(3,1fr);gap:25px}.vn-card-art{height:300px}.vn-background-preview{height:310px}.vn-character-preview{height:450px}.vn-character-preview .vn-avatar{width:320px;height:480px}.vn-character-fields{padding-left:22px;padding-right:24px}.vn-character-fields .vn-pills button{font-size:12px}.vn-stage{box-shadow:0 0 100px #09060c}}@media (max-width:374px){.vn-setup-body,.vn-brandbar{padding:0 18px}.vn-brand{font-size:21px}.vn-preview-badge{font-size:8px}.vn-hero-content h1{font-size:27px}.vn-hero-avatars{right:-85px}.vn-quick-start{margin-left:12px;margin-right:12px;padding:14px}.vn-quick-copy h2{font-size:18px}.vn-quick-metrics{grid-template-columns:1fr}.vn-section-title h2{font-size:16px}.vn-card-art{height:205px}.vn-dialogue-area{left:14px;right:14px}.vn-dialogue-box{min-height:178px;padding:17px 17px 35px;font-size:17px}.vn-scene-tag{font-size:8px}.vn-character-dialog{width:calc(100% - 12px)!important}.vn-dialog-heading{padding:20px 16px 12px}.vn-dialog-heading h2{font-size:16px!important}.vn-character-editor{grid-template-columns:39% 61%}.vn-character-fields{padding-left:9px;padding-right:12px}.vn-choices-panel{padding-left:18px;padding-right:18px}}@media (max-height:680px){.vn-stage-character{height:76%;bottom:21%}.vn-stage-character.vn-position-1{bottom:24%}.vn-dialogue-box{min-height:160px;font-size:17px;line-height:1.85}.vn-dialogue-area{bottom:8px}.vn-reader-tools{padding-top:5px}.vn-player-subtitle{top:78px}.vn-choices-panel{max-height:calc(100% - 100px)}}.vn-theme h1,.vn-theme h2,.vn-theme h3,.vn-theme label{color:var(--vn-ink)}.vn-hero-content h1{color:#fff4ec}.vn-player-shell{--vn-ink:#f6e9e0}.vn-character-fields .vn-pills button{font-size:12px}.vn-theme .vn-import-save{color:#8c5b6e;margin-top:12px;font-size:11px}.vn-theme .vn-import-save input{background:#f9efeb;padding:8px;font-size:11px}.vn-character-dialog>button{color:#86566a}.vn-stage-character{transform:scale(.8)}.vn-stage-character.vn-speaking{transform:translateY(-5px)scale(.8)}.vn-brand{font-family:var(--font-reading);letter-spacing:2px;white-space:nowrap;font-size:22px;font-weight:600}.vn-dialogue-area{--vn-voice:#895068;--vn-tint:#f5e9ee;--vn-edge:#c693a5}.vn-dialogue-area[data-tone=blue]{--vn-voice:#39586f;--vn-tint:#e9eff4;--vn-edge:#89a9bf}.vn-dialogue-area[data-tone=jade]{--vn-voice:#3c655d;--vn-tint:#e9f0ec;--vn-edge:#91b4a6}.vn-dialogue-area[data-tone=supporting]{--vn-voice:#79613e;--vn-tint:#f4edde;--vn-edge:#c7af81}.vn-dialogue-area[data-tone=inner]{--vn-voice:#6c597e;--vn-tint:#eee9f4;--vn-edge:#af9abe}.vn-speaker-name{background:var(--vn-voice);border:1px solid var(--vn-edge);color:#fffaf4;letter-spacing:1px;border-radius:12px 12px 0 0;align-items:center;gap:9px;width:fit-content;min-width:0;max-width:calc(100% - 24px);margin:0 0 -1px 12px;padding:8px 14px;display:flex;box-shadow:0 -3px 20px #17132120}.vn-speaker-name strong{overflow-wrap:anywhere;font-size:15px;font-weight:500}.vn-speaker-name small{letter-spacing:.6px;opacity:.9;white-space:nowrap;text-overflow:ellipsis;max-width:96px;font-size:9px;overflow:hidden}.vn-speaker-seal{opacity:.8;font-size:9px}.vn-dialogue-area[data-position=right] .vn-speaker-name{margin-left:auto;margin-right:12px}.vn-dialogue-box{border:1px solid var(--vn-edge);border-left:4px solid var(--vn-voice);background:linear-gradient(135deg,#fffcf8 0%,var(--vn-tint) 100%);color:#342d32;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;padding:22px 23px 38px;box-shadow:0 16px 50px #110d204d,inset 0 0 0 4px #fff5}.vn-dialogue-box:before{content:"";border-top:1px solid var(--vn-edge);border-right:1px solid var(--vn-edge);pointer-events:none;opacity:.7;border-radius:0 5px 0 0;width:18px;height:18px;position:absolute;top:9px;right:9px}.vn-dialogue-area[data-position=right] .vn-dialogue-box{border-left-width:1px;border-right:4px solid var(--vn-voice)}.vn-dialogue-box{flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex}.vn-dialogue-text{display:block;position:relative}.vn-hair-colors{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vn-hair-colors button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:flex}.vn-hair-colors button>span{border:1px solid #fff8;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.vn-advance-hint{color:var(--vn-voice);opacity:.9}.vn-dialogue-area[data-kind=thought] .vn-dialogue-box{color:#51465e;background:linear-gradient(140deg,#eee8f3f5,#e0deedf5);border-style:dashed}.vn-dialogue-area[data-tone=narrator] .vn-speaker-name{box-shadow:none;color:#e6d2b5;background:0 0;border:0;border-radius:0;margin:0 auto 9px;padding:0}.vn-dialogue-area[data-tone=narrator] .vn-speaker-name small{display:none}.vn-dialogue-area[data-tone=narrator] .vn-dialogue-box{color:#f5eade;font-family:var(--font-reading);letter-spacing:1px;background:linear-gradient(140deg,#28242ae8,#1e2029ed);border:1px solid #bda88670;border-radius:8px;box-shadow:0 16px 50px #110d204d,inset 0 0 0 4px #d7c3a509}.vn-dialogue-area[data-tone=narrator] .vn-dialogue-box:before{border-color:#bda88670}.vn-dialogue-area[data-tone=narrator] .vn-advance-hint{color:#d6c09e}@media (max-width:374px){.vn-brand{letter-spacing:1px;font-size:19px}.vn-dialogue-box{padding:18px 18px 36px}.vn-speaker-name small{max-width:72px}}@media (prefers-reduced-motion:reduce){.vn-theme *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.vn-bookshelf{max-width:680px;color:var(--vn-ink);margin:0 auto;padding:28px 20px 10px}.vn-bookshelf-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.vn-bookshelf h2{margin:6px 0;font-size:23px}.vn-bookshelf>p,.vn-book-details p,.vn-book-details small{color:var(--vn-muted);font-size:13px;line-height:1.6}.vn-book-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0;display:grid}.vn-book-grid:has(.vn-book:only-child){grid-template-columns:minmax(0,350px)}.vn-book{border:1px solid var(--vn-line);background:#fffdfb;border-radius:16px;overflow:hidden}.vn-book-art{background-position:50% 42%;background-size:cover;align-items:flex-end;height:105px;padding:12px;display:flex}.vn-book-art span{color:#fff8f0;background:#17131bda;border-radius:6px;padding:4px 8px;font-size:11px}.vn-book-details{flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}.vn-book-details h3{overflow-wrap:anywhere;font-size:17px}.vn-book-details .vn-button{min-height:42px;margin-top:6px}.vn-book-actions{gap:6px;display:flex}.vn-book-actions button{border:1px solid var(--vn-line);min-height:42px;color:var(--vn-plum);background:#fff9f6;border-radius:8px;flex:1;font-size:12px}.vn-book-actions button:disabled{opacity:.45}.vn-book-title-input{border:1px solid var(--vn-line);background:var(--vn-paper);width:100%;color:var(--vn-ink);border-radius:8px;margin-top:8px;padding:12px;display:block}.vn-bookshelf-empty{padding:16px 0}.vn-reader-preferences{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.vn-reader-preferences select{border:1px solid var(--vn-line);background:var(--vn-paper);color:var(--vn-ink);border-radius:6px;padding:6px}.vn-speaker-name strong{overflow-wrap:anywhere}.vn-player-shell[data-preview=false]{z-index:30;overscroll-behavior:contain;position:fixed;inset:0;overflow:auto}.vn-scene-image{background-position:50%;background-size:cover;position:absolute;inset:0}.vn-previous-frame{opacity:0;pointer-events:none}.vn-avatar canvas.vn-avatar-previous{position:absolute;inset:0}.vn-avatar[data-mirrored=true]>canvas{transform:scaleX(-1)}.vn-cloud-books{background:var(--vn-paper);max-width:680px;color:var(--vn-ink);margin:0 auto;padding:20px}.vn-cloud-books button{text-align:left;border:1px solid var(--vn-line);width:100%;color:var(--vn-plum);background:#fbf2ee;border-radius:10px;margin:8px 0;padding:12px;display:block}.vn-card-art>div{height:100%}.vn-quick-actions>small{color:var(--vn-muted);grid-column:1/-1;font-size:11px}.vn-setup-section{content-visibility:auto;contain-intrinsic-size:auto 420px}.vn-draft-tools{min-height:118px}.vn-loading{min-height:100dvh}.vn-quick-promises{content-visibility:auto;contain-intrinsic-size:auto 100px}.vn-cloud-books{color:#66243e;background:#fff8fb;border:1px solid #dccbd2;border-radius:16px;max-width:960px;margin:16px auto;padding:20px}.vn-cloud-books summary{cursor:pointer;font-weight:600}.vn-cloud-books p{margin:12px 0;font-size:13px}.vn-cloud-books button{background:#fff;border:1px solid #db869e66;border-radius:10px;min-height:44px;margin:6px 0;padding:9px 12px;display:block}.vn-cloud-books button:disabled{opacity:.5}.vn-cloud-books section{border-top:1px solid #db869e66;margin-top:12px;padding-top:12px}@media (max-width:600px){.vn-setup-hero{height:240px;min-height:240px}.vn-hero-content h1{font-size:34px}.vn-quick-start{padding-top:18px}.vn-cg-showcase{grid-template-columns:38% 1fr;gap:12px;padding:12px}.vn-cg-example{min-height:230px}.vn-cg-showcase-copy h2{font-size:16px}.vn-cg-showcase-copy p{font-size:10px}.vn-cg-showcase-copy ul{font-size:9px}.vn-cloud-books{margin:12px}.vn-reader-tools{flex-wrap:wrap;gap:10px}}.vn-character-gesture{width:100%;height:100%}.vn-chapter-nav{flex-wrap:wrap;gap:8px;display:flex}.vn-chapter-nav button{border:1px solid var(--vn-line);min-height:44px;color:var(--vn-plum);text-align:left;border-radius:9px;padding:10px}.vn-chapter-nav small{color:var(--vn-muted);font-size:11px;display:block}.vn-stage-character{--vn-shift:0px;--vn-scale:1;--vn-body-scale:1;--vn-lift:0px;opacity:1;transform:translate(var(--vn-shift),var(--vn-lift)) scale(calc(var(--vn-scale) * var(--vn-body-scale)));transition:opacity .35s,filter .3s,transform .4s}.vn-stage-character.vn-speaking{--vn-lift:-8px;transform:translate(var(--vn-shift),var(--vn-lift)) scale(calc(var(--vn-scale) * var(--vn-body-scale)))}.vn-stage-character.vn-listening{filter:brightness(.8)saturate(.94)}.vn-stage-character.vn-position-0[data-position=near]{--vn-shift:42px;--vn-scale:1.09}.vn-stage-character.vn-position-1[data-position=near]{--vn-shift:-42px;--vn-scale:1.09}.vn-stage-character.vn-position-0[data-position=far]{--vn-shift:-30px;--vn-scale:.92}.vn-stage-character.vn-position-1[data-position=far]{--vn-shift:30px;--vn-scale:.92}.vn-stage-character.vn-closeup{--vn-scale:1.16;--vn-shift:0px;z-index:2;filter:brightness(1.04);bottom:16%;left:9.5%;right:auto}.vn-stage-character[data-visible=false]{opacity:0;pointer-events:none}.vn-motion-preference{color:var(--vn-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.vn-motion-preference input{accent-color:var(--vn-plum);width:16px;height:16px}.vn-motion-preference span{width:100%;font-size:11px}.vn-player-shell[data-motion=off] *{transition:none!important;animation:none!important}.vn-player-shell[data-motion=off] .vn-stage-character{--vn-lift:0px}@media (prefers-reduced-motion:reduce){.vn-player-shell .vn-stage-character{--vn-lift:0px}}.vn-stage-character[data-body=female]{--vn-body-scale:.95}.vn-character-fields .vn-pairing-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vn-event-cg{pointer-events:none}.vn-draft-tools{color:#66243e;background:#fff8fb;border:1px solid #db869e45;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:16px 20px;display:flex}.vn-draft-tools strong{font-size:14px}.vn-draft-tools p{margin:5px 0;font-size:13px}.vn-draft-tools small{color:#86556a;font-size:11px;line-height:1.6}.vn-draft-tools [role=alert]{color:#a62e45}.vn-draft-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;max-width:280px;display:flex}.vn-draft-actions button,.vn-draft-actions .vn-draft-import{color:#66243e;background:#fff;border:1px solid #db869e66;border-radius:999px;padding:8px 12px;font-size:12px}.vn-draft-actions button:disabled{opacity:.45;cursor:not-allowed}.vn-draft-import{cursor:pointer;position:relative;overflow:hidden}.vn-draft-import:focus-within{outline-offset:3px;outline:3px solid #d097ac}.vn-draft-import input[type=file]{opacity:0;cursor:pointer;margin:0;padding:0;position:absolute;inset:0}.vn-draft-import:has(input:disabled){opacity:.45;cursor:not-allowed}@media (max-width:600px){.vn-draft-tools{flex-direction:column;align-items:stretch;margin:12px;padding:14px}.vn-draft-actions{justify-content:flex-end}}.vn-appearance-explorer{border:1px solid var(--vn-line);background:#f7ecef;border-radius:12px;padding:12px}.vn-appearance-explorer legend{padding:0 4px}.vn-appearance-locks button{justify-content:center;align-items:center;gap:4px;display:flex}.vn-appearance-locks button[aria-pressed=false] svg{opacity:.3}.vn-explorer-actions{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.vn-explorer-actions button{color:var(--vn-plum);background:#fff9f6;border:1px solid #b98296;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:9px;font-size:11px;display:flex}.vn-explorer-actions button:first-child{color:#fff;background:#79425a;flex:1}.vn-visual-options button[data-category=face] .vn-option-preview .vn-avatar{width:110px;height:165px;top:0}.vn-appearance-locks{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.vn-appearance-locks button{white-space:nowrap;min-width:0}.vn-appearance-locks button svg{flex-shrink:0}@media (max-width:599px){.vn-explorer-actions{flex-direction:column}.vn-explorer-actions button{white-space:nowrap;width:100%}}.vn-segment-feedback{color:#cdb3bd;justify-items:center;gap:7px;margin:10px auto 2px;font-size:11px;display:grid}.vn-segment-feedback>div{gap:7px;display:flex}.vn-segment-feedback button{color:#ead5dc;background:#503746;border:1px solid #966b7c;border-radius:999px;min-height:34px;padding:6px 12px;font-size:11px}.vn-segment-feedback button[aria-pressed=true]{color:#fff7f5;background:#8a586d;border-color:#e2b3bd}.vn-segment-feedback small{color:#bfa4ae}.vn-exit-reasons{grid-template-columns:1fr 1fr;gap:9px;margin:10px 0;display:grid}.vn-exit-reasons .vn-button{min-height:44px;margin:0}.vn-current-flavors{color:var(--vn-ink);grid-column:1/-1;margin:0;font-size:13px;line-height:1.6}.vn-current-flavors small{color:var(--vn-muted);font-size:11px;font-weight:400;display:block}