.vn-root{min-height:100vh;background:var(--warm-white);color:var(--ink);padding-bottom:5rem}.vn-header{position:relative;padding:8.5rem 1.5rem 3.5rem;text-align:center;background:radial-gradient(120% 90% at 50% 10%,#FFF3F6 0,#FDEAEF 45%,var(--warm-white) 100%);border-bottom:1px solid var(--sakura-soft);overflow:hidden}.vn-header-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(212,33,42,.08);border:1px solid rgba(212,33,42,.22);color:var(--brand-red);font-size:.82rem;font-weight:600;letter-spacing:.08em;padding:.4rem 1.1rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}.vn-header-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--brand-red);box-shadow:0 0 8px rgba(228,3,46,.6);animation:vnPulse 2s infinite}@keyframes vnPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.vn-header .jp{font-family:var(--font-noto-jp),serif;font-size:clamp(1rem,2.5vw,1.4rem);letter-spacing:.35em;text-indent:.35em;color:var(--vermilion);margin-bottom:.5rem}.vn-header h1{font-family:var(--font-cormorant),serif;font-weight:700;font-size:clamp(2.2rem,5.5vw,4rem);line-height:1.05;color:var(--ink);margin-bottom:.8rem}.vn-header h1 span{color:var(--brand-red)}.vn-header-sub{max-width:720px;margin:0 auto;font-size:.98rem;color:var(--ink-soft);line-height:1.6;font-weight:400}.vn-progress-ribbon{max-width:1200px;margin:-1.8rem auto 2.5rem;padding:0 1.5rem;position:relative;z-index:5}.vn-progress-card{background:#ffffff;border:1px solid var(--sakura-soft);border-radius:20px;padding:1.2rem 1.8rem;box-shadow:0 12px 36px rgba(120,20,35,.08);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.vn-progress-info{display:flex;align-items:center;gap:1.2rem;flex:1 1;min-width:260px}.vn-progress-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#FFE8EE,#FFD1DE);display:flex;align-items:center;justify-content:center;color:var(--brand-red);font-size:1.4rem;flex-shrink:0}.vn-progress-texts b{display:block;font-size:1.05rem;color:var(--ink);font-weight:600}.vn-progress-texts span{font-size:.85rem;color:var(--ink-soft)}.vn-progress-bar-wrap{flex:2 1;min-width:240px}.vn-progress-bar-track{width:100%;height:10px;background:#F0E6EB;border-radius:999px;overflow:hidden;position:relative}.vn-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--sakura-deep),var(--brand-red));border-radius:999px;transition:width .4s ease}.vn-progress-action{display:flex;align-items:center;gap:.8rem}.vn-resume-btn{background:var(--brand-red);color:#fff;border:none;border-radius:999px;padding:.65rem 1.4rem;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 6px 18px rgba(228,3,46,.35);transition:transform .2s ease,box-shadow .2s ease}.vn-resume-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(228,3,46,.45)}.vn-stage-wrap{max-width:1200px;margin:0 auto 3.5rem;padding:0 1.5rem;transition:max-width .3s ease}.vn-stage-wrap.theater{max-width:100%;padding:0}.vn-cinema-box{background:#0E121C;border-radius:24px;box-shadow:0 25px 60px rgba(10,14,25,.3),0 0 0 1px rgba(255,255,255,.08);overflow:hidden;transition:border-radius .3s ease}.vn-stage-wrap.theater .vn-cinema-box{border-radius:0;box-shadow:none}.vn-player-topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.4rem;background:rgba(18,24,38,.95);border-bottom:1px solid rgba(255,255,255,.08);color:#fff;flex-wrap:wrap;gap:.8rem}.vn-topbar-day{display:flex;align-items:center;gap:.75rem}.vn-day-pill{background:var(--brand-red);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.06em;padding:.3rem .75rem;border-radius:999px;text-transform:uppercase}.vn-topbar-title{font-size:.95rem;font-weight:600;color:#F8FAFC}.vn-topbar-jp{font-family:var(--font-noto-jp);color:#CBD5E1;font-size:.85rem;margin-left:.4rem;opacity:.85}.vn-topbar-controls{display:flex;align-items:center;gap:.6rem}.vn-ctrl-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#E2E8F0;border-radius:8px;padding:.35rem .75rem;font-size:.78rem;font-family:inherit;font-weight:500;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s ease}.vn-ctrl-pill.active,.vn-ctrl-pill:hover{background:rgba(228,3,46,.25);border-color:var(--brand-red);color:#fff}.vn-ctrl-pill.zoom-active{background:#D4212A;border-color:#D4212A;color:#fff}.vn-video-viewport{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.vn-video-element{width:100%;height:100%;object-fit:contain;transition:transform .3s cubic-bezier(.2,.8,.2,1);will-change:transform}.vn-video-viewport.zoom-fit .vn-video-element{transform:scale(1);object-fit:contain}.vn-video-viewport.zoom-focus .vn-video-element{transform:scale(1.15);object-fit:cover}.vn-video-viewport.zoom-cinema .vn-video-element{transform:scale(1.28);object-fit:cover}.vn-zoom-indicator{top:1rem;left:1.2rem;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);z-index:30;gap:.4rem;box-shadow:0 4px 14px rgba(0,0,0,.4)}.vn-center-watermark,.vn-zoom-indicator{position:absolute;pointer-events:none;display:flex;align-items:center}.vn-center-watermark{top:50%;left:50%;transform:translate(-50%,-50%);z-index:22;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;justify-content:center;gap:.6rem;opacity:.28;filter:drop-shadow(0 4px 18px rgba(0,0,0,.7));transition:opacity .3s ease,transform .3s ease}.vn-cw-emblem{width:clamp(96px,15vw,150px);height:clamp(96px,15vw,150px);border-radius:50%;overflow:hidden;border:2.5px solid rgba(255,255,255,.85);background:rgba(255,255,255,.95);box-shadow:0 6px 24px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}.vn-cw-emblem img{width:100%;height:100%;object-fit:cover;display:block}.vn-cw-text{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.vn-cw-name{font-family:var(--font-poppins),sans-serif;font-size:clamp(.72rem,1.4vw,1rem);font-weight:800;letter-spacing:.12em;color:#FFFFFF;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.8);white-space:nowrap}.vn-cw-jp{font-family:var(--font-noto-jp),serif;font-size:clamp(.62rem,1.2vw,.82rem);font-weight:700;letter-spacing:.25em;text-indent:.25em;color:#FFCCD5;text-shadow:0 2px 8px rgba(0,0,0,.95);white-space:nowrap}.vn-video-watermark{position:absolute;top:1rem;right:1.2rem;z-index:25;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:.6rem;background:rgba(14,18,28,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 14px 5px 6px;box-shadow:0 4px 20px rgba(0,0,0,.45);transition:opacity .2s ease,transform .2s ease}.vn-wm-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid #ffffff;box-shadow:0 2px 8px rgba(0,0,0,.35);background:#ffffff;flex-shrink:0}.vn-wm-text{display:flex;flex-direction:column;line-height:1.15;text-align:left}.vn-wm-name{font-family:var(--font-poppins),sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#FFFFFF;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.8)}.vn-wm-sub{font-family:var(--font-noto-jp),serif;font-size:.62rem;font-weight:600;letter-spacing:.14em;color:#FF8A9B;text-shadow:0 1px 2px rgba(0,0,0,.8)}.vn-video-stamp{position:absolute;bottom:3.5rem;left:1.2rem;z-index:25;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:.45rem;background:rgba(10,14,22,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:3px 8px;color:rgba(255,255,255,.85);font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.8)}.vn-stamp-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-red);box-shadow:0 0 6px rgba(228,3,46,.8)}.vn-video-viewport:fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;background:#000!important}.vn-video-viewport:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;background:#000!important}.vn-video-viewport:-webkit-full-screen .vn-video-watermark{top:2rem;right:2.5rem;transform:scale(1.15)}.vn-video-viewport:-webkit-full-screen .vn-video-watermark,.vn-video-viewport:fullscreen .vn-video-watermark{top:2rem;right:2.5rem;transform:scale(1.15)}.vn-video-viewport:-webkit-full-screen .vn-center-watermark{opacity:.32;transform:translate(-50%,-50%) scale(1.4)}.vn-video-viewport:-webkit-full-screen .vn-center-watermark,.vn-video-viewport:fullscreen .vn-center-watermark{opacity:.32;transform:translate(-50%,-50%) scale(1.4)}.vn-video-viewport:-webkit-full-screen .vn-video-stamp{bottom:4.5rem;left:2.5rem;transform:scale(1.1)}.vn-video-viewport:-webkit-full-screen .vn-video-stamp,.vn-video-viewport:fullscreen .vn-video-stamp{bottom:4.5rem;left:2.5rem;transform:scale(1.1)}@media (max-width:640px){.vn-video-watermark{top:.6rem;right:.6rem;padding:3px 8px 3px 4px;gap:.4rem}.vn-wm-logo{width:24px;height:24px}.vn-wm-name{font-size:.6rem}.vn-wm-sub{font-size:.52rem}.vn-video-stamp{bottom:3.2rem;left:.6rem;font-size:.55rem;padding:2px 6px}}.vn-player-bar{justify-content:space-between;padding:1rem 1.4rem;background:#121724;border-top:1px solid rgba(255,255,255,.08);color:#fff;flex-wrap:wrap;gap:1rem}.vn-nav-actions,.vn-player-bar{display:flex;align-items:center}.vn-nav-actions{gap:.6rem}.vn-btn-round{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.vn-btn-round:hover:not(:disabled){background:var(--brand-red);border-color:var(--brand-red);transform:scale(1.05)}.vn-btn-round:disabled{opacity:.35;cursor:not-allowed}.vn-btn-play{width:48px;height:48px;background:var(--brand-red);border-color:var(--brand-red);box-shadow:0 4px 14px rgba(228,3,46,.5)}.vn-btn-play:hover{background:#c80227;transform:scale(1.08)}.vn-quick-skips{display:flex;align-items:center;gap:.4rem}.vn-skip-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#CBD5E1;border-radius:8px;padding:.4rem .7rem;font-size:.75rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease}.vn-skip-btn:hover{background:rgba(255,255,255,.18);color:#fff}.vn-rate-selector{display:flex;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.vn-rate-selector button{background:transparent;border:none;color:#94A3B8;font-size:.75rem;font-weight:600;padding:.4rem .65rem;cursor:pointer;transition:all .15s ease}.vn-rate-selector button:hover{color:#fff}.vn-rate-selector button.on{background:var(--brand-red);color:#fff}.vn-player-meta-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.vn-complete-btn{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:#4ADE80;border-radius:999px;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;transition:all .2s ease}.vn-complete-btn:hover{background:rgba(34,197,94,.25);transform:translateY(-1px)}.vn-complete-btn.is-done{background:#16A34A;border-color:#16A34A;color:#fff;box-shadow:0 4px 12px rgba(22,163,74,.35)}.vn-details-panel{background:#ffffff;border-radius:20px;border:1px solid var(--sakura-soft);padding:1.8rem 2.2rem;margin-top:1.8rem;box-shadow:0 8px 30px rgba(120,20,35,.05)}.vn-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-bottom:1.2rem;border-bottom:1px solid var(--sakura-soft)}.vn-details-tag{display:inline-block;font-size:.78rem;font-weight:700;text-transform:uppercase;color:var(--brand-red);letter-spacing:.06em;margin-bottom:.3rem}.vn-details-header h2{font-size:1.6rem;font-weight:700;color:var(--ink);line-height:1.2}.vn-details-header .jp-sub{font-family:var(--font-noto-jp);color:var(--vermilion-dark);font-size:1.1rem;margin-top:.3rem}.vn-external-link{display:inline-flex;align-items:center;gap:.5rem;background:var(--warm-white);border:1px solid var(--sakura-deep);color:var(--vermilion-dark);padding:.6rem 1.1rem;border-radius:12px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s ease}.vn-external-link:hover{background:var(--brand-red);color:#fff;border-color:var(--brand-red)}.vn-key-phrase-box{background:#FFF7F9;border-left:4px solid var(--brand-red);padding:1rem 1.4rem;border-radius:0 14px 14px 0;margin:1.4rem 0}.vn-key-phrase-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--vermilion-dark);margin-bottom:.2rem}.vn-key-phrase-text{font-family:var(--font-noto-jp);font-size:1.25rem;font-weight:600;color:var(--ink);line-height:1.4}.vn-desc-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:1.2rem}@media (max-width:768px){.vn-desc-grid{grid-template-columns:1fr}}.vn-desc-item h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.4rem}.vn-desc-item p{font-size:.92rem;line-height:1.6;color:var(--ink)}.vn-explorer-wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem}.vn-section-head{text-align:center;margin-bottom:2rem}.vn-section-head .eyebrow{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--brand-red);letter-spacing:.12em}.vn-section-head h2{font-family:var(--font-cormorant),serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:var(--ink)}.vn-filter-toolbar{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.2rem}.vn-search-row{max-width:580px;margin:0 auto;width:100%;position:relative}.vn-search-input{width:100%;padding:.85rem 1.2rem .85rem 2.8rem;border-radius:999px;border:1.5px solid var(--sakura-deep);background:#ffffff;font-family:inherit;font-size:.92rem;color:var(--ink);outline:none;box-shadow:0 4px 14px rgba(120,20,35,.05);transition:all .2s ease}.vn-search-input:focus{border-color:var(--brand-red);box-shadow:0 6px 20px rgba(228,3,46,.15)}.vn-search-icon{left:1rem;color:var(--vermilion-dark);pointer-events:none}.vn-search-clear,.vn-search-icon{position:absolute;top:50%;transform:translateY(-50%)}.vn-search-clear{right:1rem;background:none;border:none;color:var(--ink-soft);cursor:pointer;font-size:1rem}.vn-part-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem}.vn-part-tab-btn{font-family:inherit;font-size:.86rem;font-weight:600;padding:.6rem 1.3rem;border-radius:999px;border:1px solid var(--sakura-deep);background:#ffffff;color:var(--vermilion-dark);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.vn-part-tab-btn:hover{background:var(--sakura-soft);border-color:var(--sakura-deep)}.vn-part-tab-btn.active{background:var(--brand-red);border-color:var(--brand-red);color:#ffffff;box-shadow:0 6px 18px rgba(228,3,46,.3)}.vn-badge-count{font-size:.72rem;padding:2px 7px;border-radius:999px;background:rgba(0,0,0,.08)}.vn-part-tab-btn.active .vn-badge-count{background:rgba(255,255,255,.25);color:#fff}.vn-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.vn-card{background:#ffffff;border-radius:18px;border:1px solid var(--sakura-soft);overflow:hidden;box-shadow:0 8px 24px rgba(120,20,35,.05);cursor:pointer;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;text-align:left}.vn-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(120,20,35,.12);border-color:var(--sakura-deep)}.vn-card.is-active{border:2px solid var(--brand-red);box-shadow:0 14px 34px rgba(228,3,46,.2)}.vn-card-thumb-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#1A1F2C;overflow:hidden}.vn-card-thumb-placeholder{position:absolute;inset:0;background:radial-gradient(130% 100% at 50% 20%,#2A334A 0,#131724 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem;text-align:center;color:#fff;z-index:1}.vn-ph-torii{font-size:1.6rem;opacity:.85}.vn-ph-text{font-size:.78rem;color:#CBD5E1;font-weight:600;line-height:1.25}.vn-card-thumb{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.vn-card:hover .vn-card-thumb{transform:scale(1.05)}.vn-card-day-badge{position:absolute;top:.75rem;left:.75rem;background:rgba(14,18,28,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.25rem .65rem;border-radius:6px;border:1px solid rgba(255,255,255,.15)}.vn-card-done-badge{top:.75rem;right:.75rem;background:#16A34A;color:#fff;width:26px;height:26px;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25)}.vn-card-done-badge,.vn-card-play-overlay{position:absolute;display:flex;align-items:center;justify-content:center}.vn-card-play-overlay{inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s ease}.vn-card.is-active .vn-card-play-overlay,.vn-card:hover .vn-card-play-overlay{opacity:1}.vn-card-play-icon{width:44px;height:44px;border-radius:50%;background:var(--brand-red);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(228,3,46,.6);transform:scale(.9);transition:transform .2s ease}.vn-card:hover .vn-card-play-icon{transform:scale(1.05)}.vn-card-body{padding:1.1rem 1.25rem;display:flex;flex-direction:column;flex:1 1}.vn-card-part{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--brand-red);letter-spacing:.06em;margin-bottom:.25rem}.vn-card-title{font-size:1rem;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:.3rem}.vn-card-jp{font-size:.85rem;color:var(--ink-soft);margin-bottom:.6rem;line-height:1.4}.vn-card-jp,.vn-card-phrase{font-family:var(--font-noto-jp)}.vn-card-phrase{margin-top:auto;font-size:.78rem;color:var(--vermilion-dark);background:#FFF3F6;padding:.45rem .75rem;border-radius:8px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vn-empty-box{grid-column:1/-1;text-align:center;padding:3.5rem 1.5rem;background:#ffffff;border-radius:18px;border:1px dashed var(--sakura-deep)}.vn-empty-box .jp{font-family:var(--font-noto-jp);font-size:1.5rem;color:var(--vermilion);margin-bottom:.5rem}.vn-footer-note{max-width:900px;margin:4rem auto 0;padding:1.5rem;background:#ffffff;border:1px solid var(--sakura-soft);border-radius:18px;text-align:center;font-size:.85rem;color:var(--ink-soft);line-height:1.6}.vn-footer-note b{color:var(--ink)}.vn-footer-note a{color:var(--brand-red);text-decoration:underline}@media (max-width:640px){.vn-header{padding:7rem 1rem 2.5rem}.vn-details-panel{padding:1.3rem 1.1rem}.vn-progress-card{padding:1rem 1.2rem}.vn-player-bar{padding:.8rem 1rem}.vn-btn-round{width:36px;height:36px}.vn-btn-play{width:44px;height:44px}}