@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@font-face{font-family:CODE-Light;src:url(/fonts/CODE-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-surface: rgba(255, 255, 255, .05);--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--accent: #6c63ff;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-blur: 12px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{height:100%;height:100dvh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app{position:relative;width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}#player-wrap{position:relative;flex:1;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}#player-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#watermark{position:absolute;bottom:clamp(40px,8vh,100px);right:clamp(12px,3vw,125px);z-index:8;pointer-events:none;opacity:.15;mix-blend-mode:multiply;color:#000;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.4vw,5px);transition:bottom .3s ease,right .3s ease}.watermark-logo{width:clamp(40px,8vw,116px);height:auto}.watermark-text{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(7px,1vw,11px);letter-spacing:clamp(2px,.4vw,6px);text-transform:uppercase;color:#000;white-space:nowrap;width:100%;text-align:center}@media(max-width:600px){#watermark{bottom:clamp(24px,6vh,60px);right:clamp(8px,3vw,20px)}}#loader{position:absolute;inset:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease}#loader.visible{opacity:1;pointer-events:auto}.loader-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-size:14px;color:var(--text-secondary);letter-spacing:.02em}#info-bar{position:absolute;top:0;left:0;right:0;padding:calc(var(--safe-top) + var(--space-md)) var(--space-lg) var(--space-md);background:#b4b4b473;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:var(--space-xs);z-index:5;pointer-events:none}.info-title{font-size:15px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-date{font-size:12px;font-weight:500;color:#0009}#control-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) clamp(8px,3vw,var(--space-lg)) calc(var(--safe-bottom) + var(--space-md));background:#b4b4b473;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);position:absolute;bottom:0;left:0;right:0;z-index:5;min-width:0}.control-group--left,.control-group--right{display:flex;align-items:center;gap:clamp(2px,1.5vw,var(--space-sm));flex:0 0 auto}.control-group--right{justify-content:flex-end}.control-group--center{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3.5vw,var(--space-xl));flex:2}.ctrl-btn{background:none;border:none;color:#000000d9;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,box-shadow .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;will-change:transform}.ctrl-btn:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.12) 0%,transparent 70%);opacity:0;transform:scale(0);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.ctrl-btn:active:after{opacity:1;transform:scale(2.5);transition:opacity .05s ease,transform .15s ease}body.no-back-mode #btn-back{display:none!important}.ctrl-btn svg{width:28px;height:28px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.ctrl-btn--play{width:56px;height:56px;background:#ffffff40;border:1.5px solid rgba(0,0,0,.12);box-shadow:0 2px 8px #0000000f}.ctrl-btn--play svg{width:32px;height:32px}.ctrl-btn:hover{background:#00000012;transform:scale(1.12);box-shadow:0 2px 12px #00000014}.ctrl-btn--play:hover{background:#ffffff59;box-shadow:0 4px 16px #0000001a}.ctrl-btn:active{transform:scale(.88);background:#0000001f;transition:transform .08s ease,background .08s ease}.ctrl-btn:active svg{transform:scale(.92);transition:transform .08s ease}.ctrl-btn--play:active{background:#ffffff2e}.ctrl-btn--secondary{width:36px;height:36px;color:#000000bf}.ctrl-btn--secondary svg{width:20px;height:20px}.ctrl-btn--active{color:#6c63ff;background:#6c63ff1a}.ctrl-btn--active:hover{background:#6c63ff2e}.ctrl-btn--premium{color:#b8860be6}.ctrl-btn--premium:hover{color:#b8860b;background:#b8860b14}#info-bar,#control-bar{transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.idle #info-bar{opacity:0;transform:translateY(-20px);pointer-events:none}.idle #control-bar{opacity:0;transform:translateY(20px);pointer-events:none}.idle #watermark{opacity:.15;transition:opacity 1s ease}#consumed-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:#6c63ffe6;color:#fff;font-size:16px;font-weight:600;padding:var(--space-sm) var(--space-lg);border-radius:24px;z-index:20;opacity:0;pointer-events:none;transition:none}#consumed-flash.flash{animation:consumed-pop 1.2s ease forwards}@keyframes consumed-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}#prev-seen-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:#b4b4b4b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#000;font-size:14px;font-weight:700;padding:var(--space-sm) var(--space-lg);border-radius:24px;z-index:20;opacity:0;pointer-events:none;transition:none;letter-spacing:.02em}#prev-seen-flash.flash{animation:consumed-pop 1.8s ease forwards}#counter{font-size:11px;color:#000;pointer-events:none;font-family:CODE-Light,Inter,sans-serif;letter-spacing:2px}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:12px}#play-view{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.history-view{position:absolute;inset:0;z-index:100;background:#b4b4b473;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--safe-bottom)}.view-header{display:flex;align-items:center;gap:var(--space-md);padding:calc(var(--safe-top) + var(--space-md)) var(--space-lg) var(--space-md);border-bottom:1px solid rgba(255,255,255,.1)}.view-header h2{font-size:18px;font-weight:700;color:#000}.history-list{padding:var(--space-md) var(--space-lg)}.history-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.06)}.history-thumb{width:80px;height:45px;border-radius:6px;background:var(--bg-surface);object-fit:cover;flex-shrink:0}.history-meta{flex:1;min-width:0}.history-meta .title{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta .date{font-size:12px;color:var(--text-secondary);margin-top:2px}.empty-state{text-align:center;color:#0009;font-size:14px;padding:var(--space-xl) var(--space-lg)}.offline-banner{position:fixed;top:var(--safe-top);left:0;right:0;background:#ff6432e6;color:#fff;text-align:center;font-size:12px;font-weight:500;padding:var(--space-xs) var(--space-md);z-index:100;transform:translateY(-100%);transition:transform .3s ease}.offline-banner.visible{transform:translateY(0)}#achievement-popup-container{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;justify-content:center;pointer-events:none}.achievement-popup{position:relative;margin-top:calc(var(--safe-top) + var(--space-lg));max-width:340px;width:calc(100% - var(--space-xl) * 2);transform:translateY(-120%) scale(.9);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}.achievement-popup--visible{transform:translateY(0) scale(1);opacity:1}.achievement-popup--exit{transform:translateY(-50%) scale(.95);opacity:0;transition:all .4s ease-in}.achievement-popup-glow{display:none}@keyframes achievement-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.achievement-popup-content{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#b4b4b473;border:1px solid rgba(255,255,255,.2);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000001a}.achievement-popup-emoji{font-size:36px;flex-shrink:0;animation:achievement-bounce .6s ease-out .3s both}@keyframes achievement-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}75%{transform:scale(.9)}to{transform:scale(1)}}.achievement-popup-text{display:flex;flex-direction:column;gap:2px;min-width:0}.achievement-popup-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#000}.achievement-popup-title{font-size:15px;font-weight:700;color:#000}.achievement-popup-desc{font-size:12px;font-weight:500;color:#0009}.stats-nav-btn{position:absolute;right:var(--space-lg);top:50%;transform:translateY(-50%)}#stats-view{position:absolute;inset:0;z-index:100;background:#b4b4b473;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto;-webkit-overflow-scrolling:touch}.stats-body{padding:var(--space-lg);padding-bottom:calc(var(--safe-bottom) + var(--space-xl))}.stats-hero{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-xl)}.stat-card{background:#b4b4b473;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-md) var(--space-sm);text-align:center;display:flex;flex-direction:column;gap:4px}.stat-card--primary{background:#c8c8c899;border-color:#ffffff4d}.stat-number{font-size:24px;font-weight:700;color:#000;line-height:1}.stat-card--primary .stat-number{color:#000}.stat-label{font-size:10px;font-weight:600;color:#0009;text-transform:uppercase;letter-spacing:.05em}.stats-section{margin-bottom:var(--space-xl)}.stats-section h3{font-size:14px;font-weight:700;color:#000;margin-bottom:var(--space-md)}.milestones-list{display:flex;flex-direction:column;gap:var(--space-sm)}.milestone{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.milestone--unlocked{background:#b4b4b473;border-color:#fff3}.milestone--locked{opacity:.5}.milestone-emoji{font-size:24px;flex-shrink:0}.milestone--locked .milestone-emoji{filter:grayscale(1)}.milestone-info{flex:1;min-width:0}.milestone-label{display:block;font-size:13px;font-weight:700;color:#000}.milestone-desc{display:block;font-size:11px;font-weight:500;color:#0009;margin-top:1px}.milestone-check{color:#000;font-size:16px;font-weight:700;flex-shrink:0}.milestone-progress{font-size:11px;color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace;flex-shrink:0}.timeline-list{display:flex;flex-direction:column;gap:var(--space-md)}.timeline-day-header{font-size:12px;font-weight:700;color:#0009;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid rgba(0,0,0,.1)}.timeline-entry{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.timeline-time{font-size:11px;color:#0009;font-family:SF Mono,Fira Code,monospace;flex-shrink:0;min-width:52px}.timeline-title{font-size:13px;font-weight:600;color:#000;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-duration{font-size:11px;font-weight:500;color:#0009;flex-shrink:0}#dev-toggle{position:fixed;bottom:calc(var(--safe-bottom) + 90px);left:var(--space-md);width:36px;height:36px;border:1px solid var(--glass-border);border-radius:50%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);font-size:16px;cursor:pointer;z-index:200;display:flex;align-items:center;justify-content:center;transition:all .2s ease}#dev-toggle:hover{background:#ffffff1f;color:var(--text-primary);transform:rotate(45deg)}#dev-panel{position:fixed;inset:0 0 0 auto;width:360px;max-width:100%;background:#121216eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.08);border-right:none;z-index:300;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:-4px 0 20px #00000080}#dev-panel.open{transform:translate(0)}#dev-panel.dev-panel--left{right:auto;left:0;border-left:none;border-right:1px solid rgba(255,255,255,.08);transform:translate(-100%);box-shadow:4px 0 20px #00000080}#dev-panel.dev-panel--left.open{transform:translate(0)}@media(max-width:600px){#dev-panel{inset:auto 0 0;width:100%;height:60vh;max-height:60vh;border-left:none;border-top:1px solid rgba(255,255,255,.08);border-radius:16px 16px 0 0;transform:translateY(100%);box-shadow:0 -4px 20px #00000080}#dev-panel.open{transform:translateY(0)}}.dev-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top) + var(--space-sm)) var(--space-md) var(--space-sm);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;gap:var(--space-sm)}.dev-dock-toggle{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .15s ease;flex-shrink:0;line-height:1}.dev-dock-toggle:hover{background:#ffffff1f;color:var(--text-primary)}.dev-dock-toggle:active{transform:scale(.92)}.dev-title{font-size:13px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.06em}.dev-close{background:none;border:none;color:#fff6;font-size:16px;cursor:pointer;padding:var(--space-xs);transition:color .15s}.dev-close:hover{color:var(--text-primary)}.dev-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md);padding-bottom:calc(var(--safe-bottom) + var(--space-xl))}.dev-section{margin-bottom:var(--space-lg)}.dev-section h3{font-size:11px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm)}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs) var(--space-md)}.dev-label{font-size:11px;color:#fff6}.dev-value{font-size:11px;color:#fffc;font-family:SF Mono,Fira Code,monospace;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-controls{display:flex;flex-wrap:wrap;gap:6px}.dev-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:12px;padding:6px 10px;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s ease}.dev-btn:hover{background:#ffffff14;color:var(--text-primary)}.dev-btn:active{transform:scale(.98)}.dev-btn--danger{border-color:#ff503c33;color:#ff503cb3}.dev-btn--danger:hover{background:#ff503c1a}.dev-log{max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:4px;font-family:SF Mono,Fira Code,monospace;font-size:10px}.dev-log-empty{color:#ffffff4d;text-align:center;padding:var(--space-sm)}.dev-log-entry{display:flex;gap:4px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.03)}.dev-log-time{color:#ffffff4d;flex-shrink:0}.dev-log-event{color:var(--accent);flex-shrink:0;min-width:120px}.dev-log-data{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-slider-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:6px}.dev-slider-label{font-size:11px;color:var(--text-secondary);min-width:110px;flex-shrink:0}.dev-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.dev-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.dev-slider-value{font-size:11px;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;min-width:40px;text-align:right;flex-shrink:0}.dev-btn--save{border-color:#50c87866;color:#50c878}.dev-btn--save:hover{background:#50c87826}.low-view-banner{position:fixed;top:calc(var(--safe-top, 0px) + var(--space-lg));left:50%;transform:translate(-50%) translateY(-30px);max-width:420px;width:calc(100% - var(--space-xl) * 2);z-index:400;display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#0f0f19eb;border:1px solid rgba(255,200,50,.35);border-radius:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #00000080,0 0 40px #ffc83214;opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.low-view-banner.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.low-view-icon{font-size:22px;flex-shrink:0;line-height:1.3}.low-view-text{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0}#ad-container{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#000000eb;opacity:0;pointer-events:none;transition:opacity .3s ease}#ad-container.visible{opacity:1;pointer-events:auto}.sponsor-card{display:flex;flex-direction:column;width:100%;max-width:360px;background:linear-gradient(145deg,#141419f2,#0a0a0ffa);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:var(--space-xl);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translateY(40px);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 40px #0009,inset 0 1px #ffffff1a}#ad-container.visible .sponsor-card{transform:translateY(0)}.sponsor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--space-sm)}.sponsor-label{font-size:10px;font-family:CODE-Light,monospace;text-transform:uppercase;letter-spacing:.25em;color:var(--text-secondary);font-weight:300}.sponsor-upgrade{background:none;border:none;color:#ffd700cc;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.05em;cursor:pointer;opacity:.8;transition:opacity .2s ease}.sponsor-upgrade:hover{opacity:1}.sponsor-body{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);align-items:flex-start}.sponsor-icon{font-size:36px;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:inset 0 1px 2px #ffffff0d}.sponsor-text{display:flex;flex-direction:column;justify-content:center}.sponsor-title{font-family:CODE-Light,sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 6px}.sponsor-headline{font-size:17px;font-weight:400;color:var(--text-primary);margin:0 0 8px;line-height:1.3;letter-spacing:-.01em}.sponsor-desc{font-size:12px;color:#ffffff80;margin:0;line-height:1.5}.sponsor-actions{margin-bottom:var(--space-lg)}.sponsor-btn-cta{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);padding:12px;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sponsor-btn-cta:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.sponsor-footer{display:flex;justify-content:center}.sponsor-btn-continue{background:none;border:none;color:#ffffffe6;font-family:CODE-Light,sans-serif;font-size:14px;font-weight:300;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:14px 32px;border-radius:30px;border:1px solid rgba(255,255,255,.15);background:#ffffff08;transition:all .3s ease}.sponsor-btn-continue:hover{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 20px #ffffff0d}#paywall{position:fixed;inset:0;z-index:450;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.2,.8,.2,1)}#paywall.visible{opacity:1;pointer-events:auto}.paywall-backdrop{position:absolute;inset:0;background:#050508d9;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}.paywall-sheet{position:relative;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#141419f2,#0a0a0c);border-top-left-radius:32px;border-top-right-radius:32px;border:1px solid rgba(255,255,255,.08);border-bottom:none;padding:var(--space-xl) var(--space-lg) calc(var(--safe-bottom) + var(--space-xl));transform:translateY(100%);transition:transform .6s cubic-bezier(.2,.9,.2,1);box-shadow:0 -10px 40px #00000080}#paywall.visible .paywall-sheet{transform:translateY(0)}.paywall-close{position:absolute;top:24px;right:24px;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fffc;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:all .2s ease}.paywall-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.paywall-header{text-align:center;margin-bottom:var(--space-xl);padding-top:var(--space-sm)}.paywall-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-md)}.paywall-brand-zero{font-family:CODE-Light,monospace;font-size:32px;letter-spacing:.15em;color:#fff;line-height:1;text-shadow:0 2px 10px rgba(255,255,255,.2)}.paywall-brand-plus{font-family:CODE-Light,monospace;font-size:16px;letter-spacing:.4em;color:#ffd700e6;margin-top:4px;padding-left:.4em}.paywall-subtitle{font-size:13px;color:#ffffff80;margin:0;letter-spacing:.02em}.paywall-features{display:flex;flex-direction:column;gap:20px;margin-bottom:32px;padding:0 16px}.paywall-feature{display:flex;align-items:center;gap:16px}.paywall-feature-icon{font-family:Code-Light,-apple-system,sans-serif;font-size:20px;color:#ffd700cc;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffd7000d;border:1px solid rgba(255,215,0,.1);border-radius:10px}.paywall-feature-text{display:flex;flex-direction:column}.paywall-feature-text strong{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.paywall-feature-text span{font-size:12px;color:#fff6}.paywall-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.paywall-plan{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);color:var(--text-primary)}.paywall-plan:hover{background:#ffffff0a}.paywall-plan--selected{border-color:#ffd70080;background:#ffd7000d;box-shadow:0 0 24px #ffd7000d}.paywall-plan-badge{position:absolute;top:-10px;font-family:CODE-Light,monospace;font-size:9px;font-weight:300;text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(135deg,gold,#daa520);color:#000;padding:4px 10px;border-radius:10px;box-shadow:0 2px 8px #daa5204d}.paywall-plan-label{font-family:CODE-Light,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#fff9;margin-bottom:6px}.paywall-plan-price{font-size:22px;font-weight:300;letter-spacing:-.02em;margin-bottom:4px}.paywall-plan-sub{font-size:10px;color:#ffffff4d}.paywall-cta{width:100%;padding:18px;font-family:CODE-Light,monospace;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#000;background:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);margin-bottom:24px;box-shadow:0 4px 12px #ffffff1a}.paywall-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff26}.paywall-cta:active{transform:translateY(0)}.paywall-legal{font-size:11px;color:#ffffff4d;text-align:center;margin:0;line-height:1.6}.paywall-legal a{color:#fff9;text-decoration:underline;text-decoration-color:#fff3;text-underline-offset:2px;transition:color .2s ease}.paywall-legal a:hover{color:#fff;text-decoration-color:#ffffff80}@media(max-width:375px){:root{--space-sm: 6px;--space-md: 12px;--space-lg: 16px;--space-xl: 28px}.info-title{font-size:13px}.info-date{font-size:11px}.ctrl-btn{width:38px;height:38px}.ctrl-btn svg{width:22px;height:22px}.ctrl-btn--play{width:48px;height:48px}.ctrl-btn--play svg{width:26px;height:26px}.ctrl-btn--secondary{width:32px;height:32px}.ctrl-btn--secondary svg{width:17px;height:17px}.control-group--center{gap:var(--space-lg)}#watermark{bottom:clamp(18px,5vh,40px);right:clamp(6px,2vw,14px)}.watermark-logo{width:clamp(30px,7vw,50px)}.watermark-text{font-size:clamp(6px,.9vw,9px);letter-spacing:clamp(1.5px,.3vw,4px)}.achievement-popup{max-width:280px}.achievement-popup-emoji{font-size:28px}.achievement-popup-title{font-size:13px}.achievement-popup-desc{font-size:11px}.stat-number{font-size:18px}.stat-label{font-size:9px}.sponsor-card{max-width:300px;padding:var(--space-lg)}.paywall-title{font-size:18px}.paywall-plan-price{font-size:16px}}@media(orientation:landscape){#info-bar{padding-top:calc(var(--safe-top) + var(--space-sm));padding-bottom:var(--space-xs);padding-left:calc(var(--safe-left) + var(--space-lg));padding-right:calc(var(--safe-right) + var(--space-lg))}#control-bar{padding-top:var(--space-sm);padding-bottom:calc(var(--safe-bottom) + var(--space-sm));padding-left:calc(var(--safe-left) + var(--space-lg));padding-right:calc(var(--safe-right) + var(--space-lg))}#watermark{bottom:clamp(30px,6vh,80px);right:calc(var(--safe-right) + clamp(12px,3vw,100px))}.low-view-banner{max-width:500px}}@media(orientation:landscape)and (max-height:500px){.ctrl-btn{width:36px;height:36px}.ctrl-btn svg{width:22px;height:22px}.ctrl-btn--play{width:44px;height:44px}.ctrl-btn--play svg{width:26px;height:26px}.ctrl-btn--secondary{width:30px;height:30px}.ctrl-btn--secondary svg{width:16px;height:16px}.control-group--center{gap:var(--space-md)}.info-title{font-size:13px}.info-date{font-size:11px}#watermark{bottom:clamp(14px,4vh,40px)}.watermark-logo{width:clamp(28px,5vw,60px)}.watermark-text{font-size:clamp(6px,.7vw,9px)}.stats-hero{grid-template-columns:repeat(3,1fr)}.paywall-sheet{max-height:85vh;max-width:400px}.achievement-popup{margin-top:calc(var(--safe-top) + var(--space-sm))}}@media(max-height:400px){#info-bar{padding-top:calc(var(--safe-top) + 4px);padding-bottom:4px}#control-bar{padding-top:4px;padding-bottom:calc(var(--safe-bottom) + 4px)}.ctrl-btn--play{width:40px;height:40px}.ctrl-btn--play svg{width:22px;height:22px}.loader-spinner{width:28px;height:28px}.loader-text{font-size:12px}}@media(min-width:601px)and (max-width:1024px){:root{--space-md: 18px;--space-lg: 28px}.ctrl-btn{width:48px;height:48px}.ctrl-btn svg{width:30px;height:30px}.ctrl-btn--play{width:62px;height:62px}.ctrl-btn--play svg{width:36px;height:36px}.ctrl-btn--secondary{width:40px;height:40px}.ctrl-btn--secondary svg{width:22px;height:22px}.info-title{font-size:17px}.info-date{font-size:13px}.stat-number{font-size:28px}.stats-hero{gap:var(--space-md)}.achievement-popup{max-width:400px}.sponsor-card{max-width:420px}.paywall-sheet{max-width:500px}.history-thumb{width:100px;height:56px}}@media(min-width:1025px){:root{--space-md: 20px;--space-lg: 32px;--space-xl: 48px}.ctrl-btn{width:52px;height:52px}.ctrl-btn svg{width:32px;height:32px}.ctrl-btn--play{width:68px;height:68px}.ctrl-btn--play svg{width:38px;height:38px}.ctrl-btn--secondary{width:42px;height:42px}.ctrl-btn--secondary svg{width:24px;height:24px}.control-group--center{gap:var(--space-xl)}.info-title{font-size:18px}.info-date{font-size:14px}.stat-number{font-size:30px}.achievement-popup{max-width:420px}.history-thumb{width:120px;height:68px}.history-meta .title{font-size:16px}.history-meta .date{font-size:13px}.paywall-sheet{max-width:520px;border-radius:20px}.paywall-title{font-size:24px}.low-view-banner{max-width:520px}}@media(min-width:1600px){:root{--space-sm: 12px;--space-md: 24px;--space-lg: 40px;--space-xl: 60px}.ctrl-btn{width:64px;height:64px}.ctrl-btn svg{width:40px;height:40px}.ctrl-btn--play{width:84px;height:84px}.ctrl-btn--play svg{width:48px;height:48px}.ctrl-btn--secondary{width:52px;height:52px}.ctrl-btn--secondary svg{width:30px;height:30px}.ctrl-btn:hover{transform:scale(1.12)}.control-group--center{gap:80px}.info-title{font-size:22px}.info-date{font-size:16px}#watermark{bottom:clamp(60px,10vh,140px);right:clamp(30px,4vw,160px)}.watermark-logo{width:clamp(80px,8vw,160px)}.watermark-text{font-size:clamp(10px,1vw,16px);letter-spacing:clamp(4px,.5vw,10px)}#counter{font-size:14px;letter-spacing:3px}.loader-spinner{width:48px;height:48px;border-width:4px}.loader-text{font-size:18px}.stat-number{font-size:36px}.stat-label{font-size:12px}.milestone{padding:var(--space-md) var(--space-lg)}.milestone-emoji{font-size:32px}.milestone-label{font-size:16px}.milestone-desc{font-size:13px}.achievement-popup{max-width:500px}.achievement-popup-emoji{font-size:44px}.achievement-popup-title{font-size:18px}.achievement-popup-desc{font-size:14px}.view-header h2{font-size:22px}.history-thumb{width:160px;height:90px;border-radius:10px}.history-meta .title{font-size:18px}.history-meta .date{font-size:14px}.sponsor-card{max-width:480px;padding:var(--space-xl)}.paywall-sheet{max-width:580px}.paywall-title{font-size:28px}.paywall-plan-price{font-size:24px}.paywall-cta{font-size:18px;padding:var(--space-lg);border-radius:16px}#dev-panel{width:480px}.low-view-banner{max-width:600px}.low-view-text{font-size:15px}.low-view-icon{font-size:28px}}@media(min-width:1920px){:root{--space-sm: 16px;--space-md: 28px;--space-lg: 48px;--space-xl: 72px}.ctrl-btn{width:80px;height:80px}.ctrl-btn svg{width:48px;height:48px}.ctrl-btn--play{width:100px;height:100px}.ctrl-btn--play svg{width:56px;height:56px}.ctrl-btn--secondary{width:64px;height:64px}.ctrl-btn--secondary svg{width:36px;height:36px}.ctrl-btn:hover,.ctrl-btn:focus-visible{transform:scale(1.15);outline:3px solid var(--accent);outline-offset:4px}.control-group--center{gap:100px}.info-title{font-size:28px}.info-date{font-size:18px}#watermark{bottom:clamp(80px,10vh,180px);right:clamp(40px,5vw,200px)}.watermark-logo{width:clamp(100px,10vw,200px)}.watermark-text{font-size:clamp(12px,1.2vw,20px);letter-spacing:clamp(5px,.6vw,12px)}#counter{font-size:18px;letter-spacing:4px}.loader-spinner{width:60px;height:60px;border-width:5px}.loader-text{font-size:22px}*:focus-visible{outline:3px solid var(--accent);outline-offset:4px}}@media(min-width:2560px){.ctrl-btn{width:96px;height:96px}.ctrl-btn svg{width:56px;height:56px}.ctrl-btn--play{width:120px;height:120px}.ctrl-btn--play svg{width:68px;height:68px}.ctrl-btn--secondary{width:76px;height:76px}.ctrl-btn--secondary svg{width:44px;height:44px}.control-group--center{gap:120px}.info-title{font-size:34px}.info-date{font-size:22px}.stat-number{font-size:44px}.stat-label{font-size:16px}}@media(hover:none){.ctrl-btn:hover{background:none;transform:none}.ctrl-btn--play:hover{background:#b4b4b433}.ctrl-btn{min-width:44px;min-height:44px}.ctrl-btn--secondary{min-width:36px;min-height:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}