.toast-slide-enter-active,.toast-slide-leave-active{transition:all .3s}.toast-slide-enter-from,.toast-slide-leave-to{opacity:0;transform:translate(-50%,-50%)translateY(-10px)}:root{--bg:#08080c;--bg-elevated:#100f16;--bg-card:#16141e;--border:#24222e;--border-light:#302e3a;--text:#8a8898;--text-light:#b8b5c8;--heading:#eceaf2;--accent:#e8b84b;--accent-glow:#e8b84b26;--danger:#e04e4e;--success:#4caf84;--info:#5e8dee;--radius:12px;--radius-sm:8px;--font-body:"DM Sans", system-ui, sans-serif;--font-display:"Instrument Serif", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;touch-action:manipulation;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overscroll-behavior:none;touch-action:manipulation;line-height:1.5;overflow-x:hidden}#app{min-height:100dvh}a{color:var(--accent);text-decoration:none}h1,h2,h3{font-family:var(--font-display);color:var(--heading);letter-spacing:-.02em;font-weight:400}h1{font-size:2rem;line-height:1.1}h2{font-size:1.5rem}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-body)}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#0a0a10}.btn-primary:active{transform:scale(.97)}.btn-outline{border:1px solid var(--border);color:var(--text-light);background:0 0}.btn-block{width:100%}.btn-sm{padding:8px 16px;font-size:13px}.input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-light);background:#ffffff0a;outline:none;padding:14px 16px;font-size:15px;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:#4a4856}.mobile-shell{flex-direction:column;height:100%;display:flex}.mobile-shell>.content{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding-bottom:72px;overflow-y:auto}.mobile-shell>.content::-webkit-scrollbar{display:none}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:4px 0 env(safe-area-inset-bottom);z-index:50;background:#0c0c14f2;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-nav a{color:var(--text);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 4px;font-size:10px;font-weight:500;transition:color .15s;display:flex}.bottom-nav a.active{color:var(--accent)}.bottom-nav a svg{width:22px;height:22px}.shell-wrapper{width:100%;max-width:480px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}@media (width>=481px){.shell-wrapper{box-shadow:0 0 40px #00000080}}.drama-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.drama-card{border-radius:var(--radius);aspect-ratio:3/4;cursor:pointer;background:var(--bg-card);transition:transform .2s;position:relative;overflow:hidden}.drama-card:active{transform:scale(.97)}.drama-card img{object-fit:cover;width:100%;height:100%}.drama-card .overlay{background:linear-gradient(#0000 40%,#000000d9);position:absolute;inset:0}.drama-card .info{padding:12px;position:absolute;bottom:0;left:0;right:0}.drama-card .info .title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.drama-card .info .meta{color:#fff9;margin-top:4px;font-size:11px}@media (width>=440px){.drama-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.watch-container{z-index:100;touch-action:pan-y;overscroll-behavior:none;background:#000;position:absolute;inset:0}.watch-slide{justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;inset:0}.watch-slide video{object-fit:cover;background:#000;width:100%;height:100%}.watch-video-poster{z-index:4;pointer-events:none;background:radial-gradient(circle,#23232ceb,#000);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.watch-video-poster img{object-fit:cover;filter:blur(18px)brightness(.45);width:100%;height:100%;transform:scale(1.08)}.watch-video-loading{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000006b;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watch-overlay{padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000000b3 40%,#000000f2);position:absolute;bottom:0;left:0;right:0}.watch-overlay .ep-title{font-family:var(--font-display);color:#fff;font-size:1.3rem}.watch-overlay .ep-desc{color:#fff9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.watch-actions{z-index:10;flex-direction:column;gap:16px;display:flex;position:absolute;bottom:120px;right:12px}.watch-actions button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.watch-rate-btn{letter-spacing:-.02em;font-weight:700;font-size:13px!important}.watch-back{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:16px;left:16px}.watch-progress{z-index:10;cursor:pointer;touch-action:none;background:#fff3;height:16px;position:absolute;bottom:0;left:0;right:0}.watch-progress:before{content:"";background:#fff3;height:2px;position:absolute;bottom:7px;left:0;right:0}.watch-progress .bar{background:var(--accent);height:2px;transition:width .12s linear;position:absolute;bottom:7px;left:0}.watch-progress .thumb{background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;bottom:3px;transform:translate(-50%);box-shadow:0 0 8px #e8b84b73}.page{padding:20px 16px}.page-header{margin-bottom:24px}.page-header h1{font-family:var(--font-display);color:var(--heading);font-size:2rem}.page-header p{color:var(--text);margin-top:4px;font-size:14px}.auth-page{background:radial-gradient(at top,#e8b84b0f,#0000 60%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:32px 24px}.auth-card h1{text-align:center;margin-bottom:24px}.auth-tabs{border-bottom:1px solid var(--border);margin-bottom:24px;display:flex}.auth-tabs button{color:var(--text);background:0 0;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .15s}.auth-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.form-group{margin-bottom:16px}.form-label{color:var(--text-light);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-error{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-sm);background:#e04e4e1a;margin-bottom:16px;padding:10px 14px;font-size:13px}.form-success{border:1px solid var(--success);color:var(--success);border-radius:var(--radius-sm);background:#4caf841a;margin-bottom:16px;padding:10px 14px;font-size:13px}.auth-terms{color:var(--text);text-align:center;margin-top:18px;font-size:12px;line-height:1.6}.auth-terms a{color:var(--accent)}.profile-signin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:18px;margin-bottom:24px;padding:20px;display:flex}.profile-signin-card h2{font-size:1.35rem}.profile-signin-card p{color:var(--text);margin-top:6px;font-size:14px}.profile-section{margin-top:24px}.profile-section-title{color:var(--text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:12px;font-weight:600}.legal-page{background:radial-gradient(at top,#e8b84b0d,#0000 60%);min-height:100vh;padding:20px 16px 32px}.legal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:760px;margin:0 auto;padding:24px 18px}.legal-back{color:var(--text-light);margin-bottom:20px;font-size:14px;display:inline-flex}.legal-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:18px}.legal-header h1{font-size:2rem}.legal-header p{color:var(--text);margin-top:8px;font-size:13px}.legal-content{color:var(--text-light);font-size:14px;line-height:1.75}.legal-content h2{margin:24px 0 8px;font-size:1.25rem}.legal-content h3{font-family:var(--font-body);color:var(--heading);margin:18px 0 6px;font-size:15px;font-weight:600}.legal-content p{margin:10px 0}.legal-content ul{margin:10px 0 10px 20px}.legal-content li{margin:6px 0}.legal-info-list{flex-direction:column;gap:14px;margin-top:18px;display:flex}.legal-info-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;padding:14px}.legal-info-item strong{color:var(--heading);margin-bottom:4px;font-size:13px;display:block}@media (width>=600px){.legal-page,.legal-card{padding:32px}}.stats-row{gap:12px;margin-bottom:20px;display:flex;overflow-x:auto}.stat-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex:1;min-width:90px;padding:16px}.stat-item .val{font-family:var(--font-display);color:var(--heading);font-size:1.5rem}.stat-item .lbl{color:var(--text);margin-top:4px;font-size:11px}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:20px;transition:border-color .2s}.plan-card.active{border-color:var(--accent);background:#e8b84b0d}.plan-card .name{font-family:var(--font-display);color:var(--heading);font-size:1.2rem}.plan-card .price{color:var(--accent);margin:12px 0;font-size:2rem;font-weight:600}.plan-card .desc{color:var(--text);font-size:13px}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.loading{text-align:center;color:var(--text);padding:48px 20px}.empty{text-align:center;color:#555;padding:48px 20px}.empty svg{opacity:.3;width:48px;height:48px;margin-bottom:12px}.toast{background:var(--bg-card);border:1px solid var(--border);color:var(--text-light);border-radius:var(--radius-sm);z-index:200;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;word-wrap:break-word;max-width:200px;padding:12px 24px;font-size:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.text-accent{color:var(--accent)}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}