:root{color-scheme:dark;--bg:#0d1018;--surface:#171c27;--surface2:#1d2331;--line:#2a3142;--text:#f5f5f2;--muted:#9ba4b5;--accent:#c6ff51;--accent2:#98e145;--radius:20px;font-family:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}.layout{max-width:1160px;margin:auto;padding:0 36px;position:relative;z-index:1}.orb{position:fixed;pointer-events:none;filter:blur(90px);opacity:.19;border-radius:50%;z-index:0}.orb-a{width:430px;height:430px;background:#455c78;right:-160px;top:70px}.orb-b{width:380px;height:380px;background:#788c33;left:-220px;top:460px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09)}.brand{font-family:'DM Sans',sans-serif;font-size:25px;font-weight:800;letter-spacing:.075em;display:flex;align-items:center;gap:11px}.brand-icon{width:35px;height:35px;background:var(--accent);color:#171e16;border-radius:11px;display:grid;place-items:center;font-size:15px;padding-left:2px;box-shadow:0 7px 20px #c6ff5125}.brand-dot{color:var(--accent)}.top-right{display:flex;align-items:center;gap:19px}.tiny-label{font-size:12px;color:var(--muted);max-width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.balance{display:flex;gap:7px;align-items:center;color:var(--text);border:1px solid #39422c;background:#20291f;border-radius:999px;padding:9px 10px 9px 16px;font-size:12px}.balance strong{font-size:15px}.balance-icon{color:var(--accent);font-size:18px}.balance-plus{background:var(--accent);color:#202620;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:18px;line-height:1;margin-left:7px}.hero{min-height:380px;margin:40px 0 46px;background:radial-gradient(circle at 75% 55%,#344531 0,#1d2633 33%,#1b222e 65%,#1a202b 100%);border:1px solid #323c46;border-radius:28px;position:relative;overflow:hidden;display:flex;align-items:center;padding:45px 60px}.hero:before{content:'';position:absolute;width:620px;height:620px;border:1px solid #ffffff0c;border-radius:50%;right:-85px;top:-145px;box-shadow:0 0 0 70px #ffffff05,0 0 0 150px #ffffff04}.hero-content{position:relative;z-index:2;max-width:500px}.eyebrow,.overline{letter-spacing:.18em;font-size:10px;color:var(--accent);font-weight:800}.eyebrow{display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}h1{font:800 clamp(34px,4.3vw,57px)/1.12 'DM Sans',sans-serif;letter-spacing:-.045em;margin:24px 0 15px}h1 em{font-style:normal;color:var(--accent)}.hero p{color:#b8c0c9;max-width:370px;font-size:14px;line-height:1.85;margin:0 0 24px}.primary{border:0;background:var(--accent);color:#1b2218;border-radius:12px;padding:14px 20px;font-weight:800;font-size:13px;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-2px);background:#d4ff7a}.primary span{margin-left:20px;font-size:17px}.hero-art{position:absolute;right:73px;top:0;bottom:0;width:330px;display:grid;place-items:center}.hero-halo{position:absolute;width:290px;height:290px;border:1px solid #bcfa657d;border-radius:50%;box-shadow:0 0 0 22px #badb3415,0 0 0 44px #badb3410,0 0 0 68px #badb3408,inset 0 0 50px #a2f23820;background:radial-gradient(circle,#c5ff5e25,transparent 70%)}.hero-play{position:relative;z-index:1;width:115px;height:115px;border-radius:35px;background:linear-gradient(145deg,#e1ff8f,#a5ee43);color:#263315;display:grid;place-items:center;font-size:50px;padding-left:8px;transform:rotate(-11deg);box-shadow:0 20px 80px #a7ed3655}.hero-chip{position:absolute;bottom:60px;right:4px;padding:9px 14px;border:1px solid #baff6c60;border-radius:8px;background:#202b29e8;color:#d2ffa0;font-size:9px;letter-spacing:.14em;font-weight:800;transform:rotate(7deg)}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:34px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:transparent;color:#8f99aa;border:0;padding:15px 19px 17px;white-space:nowrap;font-size:13px;font-weight:700;border-bottom:2px solid transparent}.tab.active{border-bottom-color:var(--accent);color:var(--accent)}.tab:hover{color:white}.panel{min-height:280px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 25px}.section-head h2{font:800 clamp(25px,3vw,35px)/1.2 'DM Sans',sans-serif;letter-spacing:-.035em;margin:8px 0 0}.section-head h2 small{font-size:14px;color:#788092;vertical-align:top}.section-hint,.hint,.footnote{color:var(--muted);font-size:12px;line-height:1.75}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.video-card{background:var(--surface);border:1px solid #303747;border-radius:19px;overflow:hidden;transition:transform .2s,border-color .2s}.video-card:hover{transform:translateY(-5px);border-color:#677c55}.poster{height:185px;position:relative;display:grid;place-items:center;overflow:hidden}.poster:before{content:'';position:absolute;width:160px;height:160px;transform:rotate(24deg);border:1px solid #ffffff42;border-radius:38px;box-shadow:0 0 0 31px #ffffff12,0 0 0 63px #ffffff0c}.poster-0{background:linear-gradient(140deg,#3e526a,#101f31 85%)}.poster-1{background:linear-gradient(145deg,#57475b,#221c3b)}.poster-2{background:linear-gradient(140deg,#646546,#252e25)}.poster-3{background:linear-gradient(140deg,#405c55,#142e37)}.poster-4{background:linear-gradient(140deg,#695448,#2c2634)}.poster-grain{position:absolute;inset:0;background:radial-gradient(circle at 72% 40%,#d4ffa227,transparent 39%)}.poster-number{position:absolute;top:17px;left:18px;color:#fff9;font-size:9px;font-weight:800;letter-spacing:.12em}.poster-play{z-index:1;width:60px;height:60px;border-radius:50%;background:#ffffff21;backdrop-filter:blur(10px);border:1px solid #ffffff65;display:grid;place-items:center;padding-left:4px;font-size:18px}.poster-corner{position:absolute;bottom:15px;right:20px;color:#ffffff80;font-size:22px}.card-body{padding:21px}.card-meta{height:17px;color:#b5becc;font-size:9px;font-weight:800;letter-spacing:.14em}.owned-tag{color:var(--accent)}.card-body h3{font-size:17px;margin:10px 0 7px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-body p{font-size:11px;line-height:1.6;color:#9da6b6;margin:0;min-height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-bottom{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:6px}.price{font-weight:800;font-size:13px;color:var(--accent)}.card-action{border:0;background:#293328;color:var(--accent);border-radius:8px;padding:10px 11px;font-weight:700;font-size:11px}.card-action:hover{background:#3c5131}.empty{grid-column:1/-1;text-align:center;border:1px dashed #445061;border-radius:19px;padding:60px 16px;color:var(--muted)}.empty span{font-size:35px;color:var(--accent)}.empty h3{color:var(--text);margin:16px 0 4px}.empty p{font-size:13px}.wallet-intro{display:flex;align-items:center;gap:15px;border:1px solid #3b4f31;background:linear-gradient(105deg,#27372b,#1b262c);padding:21px;border-radius:16px;max-width:410px}.wallet-gem{width:51px;height:51px;background:#a5e45025;border:1px solid #a5e45065;border-radius:14px;display:grid;place-items:center;color:var(--accent);font-size:29px}.wallet-intro div{display:flex;flex-direction:column;gap:2px}.wallet-intro strong{font-size:21px}.wallet-intro div span{font-size:11px;color:var(--muted)}.packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:23px 0}.package{min-height:183px;text-align:left;display:flex;flex-direction:column;position:relative;border-radius:16px;border:1px solid #373f4e;background:var(--surface);padding:20px;color:var(--text);transition:transform .2s,border-color .2s}.package:hover{transform:translateY(-4px);border-color:var(--accent)}.package.featured{border-color:#a0d84c;background:#212c23}.popular{position:absolute;right:10px;top:10px;color:var(--accent);font-size:8px;letter-spacing:.06em}.package-gem{color:var(--accent);font-size:21px}.package strong{font:800 28px 'DM Sans',sans-serif;margin-top:11px}.package-unit{color:var(--muted);font-size:11px}.package-line{border-top:1px solid var(--line);width:100%;margin:auto 0 12px}.package-cost{display:flex;justify-content:space-between;align-items:center;font-size:12px}.package-cost b{font-size:10px;color:var(--accent)}.footnote{margin:26px 0}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-card{background:var(--surface);border:1px solid var(--line);padding:23px;border-radius:16px;margin-bottom:16px}.admin-card h3{margin:0 0 14px;font-size:18px}.admin-wide{margin-top:5px}.inline-form,.stack-form{display:flex;gap:12px}.inline-form{align-items:end}.stack-form{flex-direction:column}.inline-form label,.stack-form label{font-size:11px;color:#b6c0cc;display:flex;flex-direction:column;gap:8px;flex:1}.inline-form input,.stack-form input,.stack-form textarea{width:100%;min-width:0;border:1px solid #3c4654;background:#101620;color:var(--text);padding:12px 13px;border-radius:10px;outline:none;font-size:13px}.inline-form input:focus,.stack-form input:focus,.stack-form textarea:focus{border-color:var(--accent)}.stack-form textarea{resize:vertical}.inline-form .primary{white-space:nowrap}.check{flex-direction:row!important;align-items:center}.check input{width:auto!important;accent-color:var(--accent)}.admin-row,.ticket{padding:14px 0;border-top:1px solid var(--line)}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-row strong,.admin-row small{display:block}.admin-row strong{font-size:13px}.admin-row small,.ticket small{color:var(--muted);font-size:11px;margin-top:4px}.ticket p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.secondary{background:#2a3530;color:var(--accent);border:1px solid #44633e;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800;white-space:nowrap}.ticket .secondary{display:block;margin-top:10px}.upload-progress>div{height:6px;background:#333e34;border-radius:10px;overflow:hidden;margin-top:8px}.upload-progress i{display:block;width:0;height:100%;background:var(--accent);transition:width .2s}footer{border-top:1px solid var(--line);margin-top:75px;display:flex;justify-content:space-between;padding:25px 0 35px;font-size:11px;color:var(--muted)}.brand-footer{font-weight:800;letter-spacing:.09em;color:var(--accent)}dialog{width:min(720px,calc(100vw - 26px));max-height:calc(100vh - 35px);overflow:auto;border:1px solid #4a5360;border-radius:18px;background:#171d28;color:var(--text);padding:21px;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#05080bcf;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-top h3{margin:0;font-size:20px}.icon-button{border:0;background:#313847;color:#fff;border-radius:9px;width:34px;height:34px}#player{width:100%;max-height:65vh;background:#06080c;border-radius:10px}#player-description{white-space:pre-wrap;color:var(--muted);line-height:1.7;font-size:12px}.toast{position:fixed;z-index:50;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 17px;border-radius:12px;background:#dbff94;color:#202b17;font-size:13px;font-weight:700;box-shadow:0 12px 45px #0008;max-width:min(92vw,550px);transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.layout{padding:0 20px}.hero{padding:35px;min-height:350px}.hero-art{right:-5px;opacity:.53}.hero-content{max-width:470px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.packages{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}}
@media(max-width:590px){.layout{padding:0 16px}.topbar{height:72px}.brand{font-size:19px}.brand-icon{width:31px;height:31px}.tiny-label{display:none}.balance{font-size:10px;padding:6px 7px 6px 10px;gap:4px}.balance strong{font-size:12px}.balance-plus{margin-left:2px}.hero{margin:20px 0 24px;padding:29px 24px;min-height:340px;border-radius:20px}.hero-art{width:150px;right:-48px;opacity:.22}.hero-halo{width:220px;height:220px}.hero-play{width:75px;height:75px;font-size:32px}.hero-chip{display:none}.hero-content{max-width:300px}h1{font-size:36px}.hero p{font-size:12px;max-width:270px}.tabs{margin-bottom:26px}.tab{font-size:12px;padding:12px 14px}.section-head h2{font-size:27px}.section-hint{display:none}.grid{grid-template-columns:1fr;gap:13px}.poster{height:190px}.packages{gap:10px}.package{padding:15px;min-height:164px}.package strong{font-size:24px}.popular{top:7px;right:7px;font-size:6px}.package-cost b{font-size:9px}.admin-card{padding:17px}.inline-form{flex-direction:column;align-items:stretch}.inline-form label{width:100%}footer{margin-top:48px}}