:root{--bg:#070508;--bg-2:#10080c;--card:#160b10;--line:rgba(255,214,228,0.12);--pink:#ff2d6a;--pink-2:#ff6b93;--gold:#e8c4a0;--text:#f7eef2;--muted:#b79aa6;--danger:#ff4d6d;--ok:#3dd68c}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(1200px 500px at 10% -10%,rgba(255,45,106,.16),transparent 50%),radial-gradient(900px 400px at 90% 0,rgba(232,196,160,.08),transparent 46%),var(--bg);color:var(--text);font-family:Outfit,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}.shell{min-height:100vh;display:flex;flex-direction:column}.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.header{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(7,5,8,.78);border-bottom:1px solid var(--line)}.header-row{height:76px;gap:18px}.header-row,.logo{display:flex;align-items:center}.logo{gap:10px;min-width:0}.logo-mark{width:42px;height:42px;flex:0 0 42px;filter:drop-shadow(0 0 16px rgba(255,45,106,.45))}.logo-mark svg{display:block;width:100%;height:100%}.logo-word{font-family:"Instrument Serif",serif;font-size:30px;letter-spacing:.01em;line-height:1}.logo-word span{color:var(--pink-2)}.nav{display:flex;gap:16px;margin-left:12px;color:var(--muted);font-size:14px}.nav a:hover{color:var(--text)}.header-end{margin-left:auto}.header-actions,.header-end{display:flex;align-items:center;gap:10px}.menu-btn{display:flex;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);padding:11px 10px;flex-direction:column;justify-content:space-between;flex:0 0 44px}.menu-btn span{display:block;height:2px;background:var(--text);border-radius:2px}.mobile-balance,.mobile-panel{display:none}.btn{border:0;border-radius:999px;padding:10px 16px;cursor:pointer;color:var(--text);background:transparent}.btn-ghost{border:1px solid var(--line)}.btn-pink{background:linear-gradient(135deg,var(--pink),#c81a4d);font-weight:600}.btn-gold{background:linear-gradient(135deg,#efd3b4,#c49262);color:#2a160c;font-weight:700}.balance-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,45,106,.12);border:1px solid rgba(255,45,106,.28);font-weight:700}.balance-chip span{color:var(--gold)}.user-name{color:var(--muted);font-size:14px}main{flex:1 1}.hero{padding:42px 0 18px;max-width:720px}.kicker{color:var(--pink-2);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}h1,h2,h3{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:.02em;word-spacing:.08em}h1{font-size:clamp(40px,6vw,72px);line-height:1.08;margin:10px 0 16px}h2{font-size:34px;line-height:1.2;margin:0 0 12px}p{color:var(--muted);line-height:1.6}.ad-slot,.auth-card,.card,.hero-card,.scene,.stat{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--card);border:1px solid var(--line);border-radius:22px}.hero-card{padding:22px}.scenes-block{padding-top:8px}.scenes-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:10px 0 4px}.scenes-head h2{margin:6px 0 0}.scenes-head p{margin:0;max-width:320px;text-align:right}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 14px}.pill{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer}.pill.active{background:var(--pink);border-color:var(--pink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;padding-bottom:48px}.scene{overflow:hidden;min-height:280px;display:flex;flex-direction:column}.scene-video{min-height:0;border:1px solid rgba(255,214,228,.16);box-shadow:0 18px 40px rgba(0,0,0,.28);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.scene-video:focus-visible,.scene-video:hover{transform:translateY(-6px);border-color:rgba(255,107,147,.55);box-shadow:0 22px 48px rgba(0,0,0,.38),0 0 0 1px rgba(255,45,106,.2),0 0 36px rgba(255,45,106,.18)}.scene-cover{height:188px;position:relative;display:flex;align-items:flex-end;padding:14px;overflow:hidden}.scene-video .scene-cover{height:auto;aspect-ratio:16/10;padding:0;background:#10080c}.scene-cover video,.scene-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-poster{opacity:1;z-index:0}.scene-cover video{opacity:0;z-index:1;transition:transform .45s ease,opacity .35s ease}.scene-video.is-playing .scene-cover video{opacity:1}.scene-loader{position:absolute;inset:0;z-index:3;display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;background:radial-gradient(circle at 50% 40%,rgba(255,45,106,.16),transparent 42%),linear-gradient(180deg,#1a0c12,#10080c 62%,#0b0608);overflow:hidden}.scene-loader:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 18%,rgba(255,107,147,.16) 46%,rgba(232,196,160,.14) 54%,transparent 78%);transform:translateX(-120%);animation:scene-shimmer 1.6s ease-in-out infinite}.scene-spinner{width:42px;height:42px;border-radius:50%;border-color:#ff2d6a #e8c4a0 rgba(255,214,228,.14) rgba(255,214,228,.14);border-style:solid;border-width:2px;animation:scene-spin .75s linear infinite;position:relative;z-index:1;box-shadow:0 0 24px rgba(255,45,106,.28)}.scene-loader-label{position:relative;z-index:1;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#e8c4a0}.scene-skeleton{pointer-events:none}@keyframes scene-shimmer{to{transform:translateX(120%)}}@keyframes scene-spin{to{transform:rotate(1turn)}}.scene-video.is-playing video,.scene-video:focus-visible video,.scene-video:hover video{transform:scale(1.04)}.scene-copy{padding:12px 14px 14px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.scene-copy h3{margin:0 0 6px;font-size:clamp(18px,1.8vw,24px);line-height:1.2;letter-spacing:.015em}.scene-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene-cat{top:12px;left:12px;padding:5px 10px;border-radius:999px;background:rgba(255,45,106,.88);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.scene-cat,.scene-play{position:absolute;z-index:2}.scene-play{top:50%;left:50%;transform:translate(-50%,-58%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(7,5,8,.42);border:1px solid rgba(255,214,228,.35);color:transparent;font-size:0;opacity:0;transition:opacity .25s ease,transform .25s ease,background .25s ease}.scene-play:after{content:"";width:0;height:0;margin-left:3px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.scene-video:focus-visible .scene-play,.scene-video:hover .scene-play{opacity:1;transform:translate(-50%,-70%);background:rgba(255,45,106,.72)}.scene-video.is-playing .scene-play{opacity:0}.page-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 16px}.back-btn,.nav-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);cursor:pointer;font-size:14px}.back-btn:hover,.nav-chip:hover{border-color:rgba(255,214,228,.35);background:rgba(255,255,255,.06)}.watch-nav{display:flex;justify-content:space-between;gap:10px;margin:4px 0 18px}.more-scenes{margin-top:36px}.seo-block{padding:8px 0 48px;max-width:760px}.seo-block h2{margin-bottom:12px}.empty-scenes{padding:24px 0 48px}.watch-page{padding:12px 0 56px}.watch-player{width:100%;max-height:72vh;background:#000;border-radius:18px;margin-bottom:16px}.live,.scene-meta{font-size:12px;font-weight:700;position:relative;z-index:1}.scene-video .scene-meta{position:absolute;top:12px;right:12px;left:auto;bottom:auto;padding:5px 10px;border-radius:999px;background:rgba(7,5,8,.72);border:1px solid rgba(255,214,228,.16);letter-spacing:.04em}.live{position:absolute;top:12px;left:12px;background:var(--pink);padding:4px 8px;border-radius:999px}.scene-body{padding:14px 16px 16px}.scene-body h3{margin:0 0 6px;font-size:22px}.scene-body p{margin:0;font-size:14px}.ad-slot{min-height:110px;display:grid;place-items:center;border-style:dashed;margin:8px 0 24px;text-align:center;padding:18px}.ad-slot,.footer{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:28px 0 36px}.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer a{color:var(--gold)}.age-gate{position:fixed;inset:0;z-index:80;background:rgba(5,3,6,.92);display:grid;place-items:center;padding:24px}.age-box{width:min(520px,100%);padding:32px;text-align:center}.form{display:grid;grid-gap:12px;gap:12px}label{font-size:13px;color:var(--muted)}input,select,textarea{width:100%;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#11080d;color:var(--text)}.auth-page{min-height:calc(100vh - 180px);display:flex;flex-direction:column;justify-content:center;padding:24px 0 48px}.auth-page .page-nav{margin-top:0}.auth-card{width:min(460px,100%);padding:28px}.error{color:var(--danger)}.error,.ok{font-size:14px}.ok{color:var(--ok)}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:18px 0 24px}.stat{padding:16px}.stat strong{display:block;font-size:28px;color:var(--gold)}.progress{height:10px;background:#2a141c;border-radius:999px;overflow:hidden;margin:10px 0 18px}.progress>div{height:100%;background:linear-gradient(90deg,var(--pink),var(--gold))}.legal{padding:36px 0 64px;max-width:760px}.ref-box{display:flex;gap:8px}.ref-box input{flex:1 1}@media (max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero,.stats{grid-template-columns:1fr}.scenes-head{flex-direction:column;align-items:flex-start}.scenes-head p{text-align:left}.desktop-only{display:none!important}.menu-btn,.mobile-balance{display:flex}.mobile-panel{display:block;padding-bottom:16px}.mobile-actions,.mobile-nav{display:flex;flex-direction:column;gap:10px}.mobile-actions .balance-chip,.mobile-actions .btn,.mobile-nav a{width:100%;text-align:center;justify-content:center}.header-row{height:68px;gap:10px}.logo-word{font-size:24px}.logo-mark{width:36px;height:36px;flex-basis:36px}h1{font-size:42px}}@media (max-width:700px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.scene{min-height:0}.scene-copy{padding:8px 8px 10px}.scene-copy h3{font-size:14px;margin-bottom:4px}.scene-copy p{font-size:11px;-webkit-line-clamp:2}.scene-cat,.scene-video .scene-meta{font-size:10px;padding:4px 7px}}