@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Space+Mono:wght@400;700&family=Bebas+Neue&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Space Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:#060608;--bg2:#0d0d12;--bg3:#141420;--panel:rgba(18,18,30,.85);--border:rgba(120,100,255,.18);--border2:rgba(120,100,255,.06);--glow:#7b5fff;--glow2:#ff3f8e;--glow3:#00e5ff;--gold:#ffb800;--hard-red:#ff2a2a;--hard-pink:#ff2a8e;--hard-purp:#9b2aff;--text:#e8e6ff;--text2:#b0adcf;--text3:#8883a8;--font-head:"Bebas Neue",sans-serif;--font-body:"Rajdhani",sans-serif;--font-mono:"Space Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;font-size:14px}.bg-grid{top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(123,95,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(123,95,255,.04) 1px,transparent 0);background-size:40px 40px;transform:perspective(600px) rotateX(30deg) scaleY(2);transform-origin:50% 0}.bg-glow-1,.bg-grid{position:fixed;pointer-events:none;z-index:0}.bg-glow-1{top:-20%;left:-10%;width:60vw;height:60vw;background:radial-gradient(ellipse,rgba(123,95,255,.12) 0,transparent 70%)}.bg-glow-2{position:fixed;bottom:-20%;right:-10%;width:50vw;height:50vw;background:radial-gradient(ellipse,rgba(255,62,142,.08) 0,transparent 70%);pointer-events:none;z-index:0}.app{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 0 40px}.header{padding:24px 20px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(10,8,20,.95),transparent);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px)}.header-top{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-head);font-size:32px;letter-spacing:.12em;background:linear-gradient(135deg,#fff,#9b8fff 50%,#ff3f8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.logo-sub{font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--text3);text-transform:uppercase;margin-top:3px}.stats-pills{display:flex;gap:8px;align-items:center}.pill{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:4px 10px;border-radius:3px;border:1px solid var(--border);background:var(--panel);color:var(--glow);letter-spacing:.05em}.pill-gen{color:var(--glow2)}.pill-ch{color:var(--glow3)}.tabs-wrap{position:relative}.tabs-arrow{position:absolute;top:0;bottom:0;width:32px;border:none;color:#7b5fff;font-size:18px;font-weight:700;cursor:pointer;z-index:4;opacity:.85;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.tabs-arrow:hover{opacity:1;color:#fff}.tabs-arrow-left{left:0;background:linear-gradient(90deg,var(--bg2) 60%,transparent)}.tabs-arrow-right{right:0;background:linear-gradient(270deg,var(--bg2) 60%,transparent)}.tabs{display:flex;padding:12px 4px 0;gap:2px;border-bottom:1px solid var(--border2);overflow-x:auto;scrollbar-width:none;flex:1;scroll-behavior:smooth}.tabs::-webkit-scrollbar{display:none}.tab-locked{opacity:.35;cursor:not-allowed!important}.tab{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border-radius:6px 6px 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--text3);cursor:pointer;white-space:nowrap;transition:.2s}.tab:hover{color:var(--text2);background:rgba(123,95,255,.06)}.tab.active{color:#fff;background:var(--panel);border-color:var(--border);border-bottom-color:var(--bg2);margin-bottom:-1px}.tab.tab-hard{color:var(--hard-red)}.tab.tab-hard.active{background:linear-gradient(135deg,rgba(139,26,26,.4),rgba(80,10,10,.6));border-color:rgba(255,42,42,.3)}.tc{display:none;padding:16px 20px}.tc.active{display:block}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px;position:relative;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 4px 24px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.04),inset 0 -1px 0 rgba(0,0,0,.3)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(123,95,255,.4),transparent)}.sec{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text3);margin:14px 0 8px;display:flex;align-items:center;gap:8px}.sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.modes{display:grid;gap:8px;margin-bottom:14px}.modes-5{grid-template-columns:repeat(5,1fr)}.modes-4{grid-template-columns:repeat(4,1fr)}.mbt{padding:12px 6px;border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(30,28,50,.9),rgba(15,14,25,.95));font-family:var(--font-body);font-size:10px;font-weight:600;cursor:pointer;text-align:center;color:var(--text3);transition:.15s;letter-spacing:.03em;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.05),inset 0 -2px 0 rgba(0,0,0,.4);transform:translateY(0)}.mbt .em{font-size:18px;display:block;margin-bottom:3px}.mbt small{font-size:10px;color:var(--text3);font-weight:400;display:block;margin-top:2px}.mbt:hover{border-color:rgba(123,95,255,.4);color:var(--text);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.07)}.mbt:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(0,0,0,.5)}.mbt.active{transform:translateY(-1px)}.mbt.active-samir{background:linear-gradient(135deg,#2a2460,#1a1640);border-color:rgba(123,95,255,.6);color:#c8c4ff;box-shadow:0 0 20px rgba(83,74,183,.4),0 4px 12px rgba(0,0,0,.5),inset 0 -2px 0 rgba(0,0,0,.4)}.mbt.active-hardstyle{background:linear-gradient(135deg,#4a1010,#280808);border-color:rgba(255,42,42,.5);color:#ff9b9b;box-shadow:0 0 20px rgba(139,26,26,.5),0 4px 12px rgba(0,0,0,.5)}.mbt.active-erere{background:linear-gradient(135deg,#0a3a18,#051f0d);border-color:rgba(26,139,58,.5);color:#8fff9b;box-shadow:0 0 20px rgba(26,139,58,.4),0 4px 12px rgba(0,0,0,.5)}.mbt.active-classic{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:hsla(0,0%,71%,.3);color:#ddd;box-shadow:0 0 20px hsla(0,0%,39%,.2),0 4px 12px rgba(0,0,0,.5)}.mbt.active-random{background:linear-gradient(135deg,#3a1a5a,#1f0e30);border-color:rgba(155,42,255,.5);color:#cf9fff;box-shadow:0 0 20px rgba(100,42,200,.4),0 4px 12px rgba(0,0,0,.5)}.mbt.active-greg{background:linear-gradient(135deg,#1e0a4a,#0f0525);border-color:rgba(100,42,200,.5);color:#c8b4ff;box-shadow:0 0 20px rgba(74,26,139,.5),0 4px 12px rgba(0,0,0,.5)}.mbt.active-dark{background:linear-gradient(135deg,#2a0808,#150404);border-color:rgba(180,30,30,.5);color:#f99;box-shadow:0 0 20px rgba(139,26,26,.5),0 4px 12px rgba(0,0,0,.5)}.mbt.active-viking{background:linear-gradient(135deg,#2a1a00,#150d00);border-color:rgba(196,122,0,.5);color:#ffd080;box-shadow:0 0 20px rgba(180,100,0,.4),0 4px 12px rgba(0,0,0,.5)}.mbt.active-euphoric{background:linear-gradient(135deg,#2a0a4a,#150525);border-color:rgba(155,42,255,.6);color:#d09fff;box-shadow:0 0 24px rgba(155,42,255,.5),0 4px 12px rgba(0,0,0,.5)}.mbt.active-sutil{background:linear-gradient(135deg,#1a1040,#0d082a);border-color:rgba(83,74,183,.6);color:#c8b4ff;box-shadow:0 0 22px rgba(83,74,183,.45),0 4px 12px rgba(0,0,0,.5)}.mbt.active-anime{background:linear-gradient(135deg,#2a0a1a,#150510);border-color:rgba(255,105,180,.6);color:#ffb3d9;box-shadow:0 0 22px rgba(255,105,180,.4),0 4px 12px rgba(0,0,0,.5)}.mbt.active-hardrand{background:linear-gradient(135deg,#1a1a2a,#0d0d15);border-color:rgba(100,100,200,.4);color:#aaa;box-shadow:0 0 16px rgba(80,80,180,.3),0 4px 12px rgba(0,0,0,.5)}.g1{grid-template-columns:1fr}.g1,.g2{display:grid;gap:8px;margin-bottom:8px}.g2{grid-template-columns:1fr 1fr}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}.sb{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.03);border:1px solid var(--border2)}.sl{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);padding:5px 10px 4px;background:rgba(12,12,20,.8);border-bottom:1px solid var(--border2);display:flex;align-items:center;gap:5px}.cnt{background:var(--glow);letter-spacing:.05em}.cnt,.new{font-size:7px;font-weight:700;padding:1px 5px;border-radius:2px;color:#fff}.new{background:var(--glow2)}.sb select{width:100%;font-family:var(--font-body);font-size:11.5px;font-weight:500;padding:7px 10px;border:none;background:rgba(14,14,22,.95);color:var(--text);cursor:pointer;outline:none;letter-spacing:.02em}.sb select optgroup{color:var(--text3);font-weight:700;font-size:10px}.sb select option{color:var(--text);background:#0f0f1a}.minfo{border-radius:8px;padding:10px 14px;font-size:11px;line-height:1.7;margin-bottom:14px;font-weight:500;border:1px solid}.minfo strong{font-weight:700}.gen-area{padding:0 20px 14px}.gbtn{width:100%;font-family:var(--font-head);font-size:22px;letter-spacing:.12em;padding:16px;border-radius:10px;border:none;cursor:pointer;margin:14px 0 0;transition:.15s;position:relative;overflow:hidden}.gbtn:before{inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.12),transparent 50%);pointer-events:none}.gbtn:after,.gbtn:before{content:"";position:absolute}.gbtn:after{bottom:0;left:0;right:0;height:2px;background:rgba(0,0,0,.4)}.gbtn:hover{transform:translateY(-2px)}.gbtn:active{transform:translateY(2px)}.gbtn-funk{background:linear-gradient(135deg,#534ab7,#7b5fff 50%,#534ab7);color:#fff;box-shadow:0 6px 30px rgba(83,74,183,.5),inset 0 -2px 0 rgba(0,0,0,.4)}.gbtn-hard{background:linear-gradient(135deg,#8b1a1a,#c43030 50%,#8b1a1a);color:#fff;box-shadow:0 6px 30px rgba(139,26,26,.6),inset 0 -2px 0 rgba(0,0,0,.4)}.gbtn-anime{background:linear-gradient(135deg,#8b1a5a,#c43080);box-shadow:0 4px 20px rgba(255,105,180,.3)}.gbtn-euph{background:linear-gradient(135deg,#5a1a8b,#9b2aff 50%,#5a1a8b);color:#fff;box-shadow:0 6px 30px rgba(155,42,255,.5),inset 0 -2px 0 rgba(0,0,0,.4)}.out-wrap{margin:0 20px 20px;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.6);border:1px solid var(--border)}.out-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.out-lbl{font-family:var(--font-mono);font-size:10px;color:hsla(0,0%,100%,.7);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em}.cbtn,.out-lbl{font-weight:700}.cbtn{font-family:var(--font-body);font-size:11px;padding:6px 18px;border-radius:5px;border:1.5px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.08);color:#fff;cursor:pointer;flex-shrink:0;margin-left:10px;letter-spacing:.05em;text-transform:uppercase;transition:.15s}.cbtn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.out-body{padding:14px;background:rgba(6,6,10,.95);min-height:80px}.out-body pre{font-family:var(--font-mono);font-size:11px;line-height:2;white-space:pre-wrap;word-break:break-word}.ph{color:var(--text3);font-style:italic;font-size:12px;text-align:center;padding:18px 0;font-family:var(--font-body)}.bar-row{display:flex;align-items:center;gap:10px;padding:7px 14px 11px;background:rgba(6,6,10,.8);border-top:1px solid hsla(0,0%,100%,.04)}.bar-n{font-family:var(--font-mono);font-size:16px;font-weight:700}.bar-of{font-size:10px;color:var(--text3)}.bar-bg{flex:1;height:4px;background:hsla(0,0%,100%,.07);border-radius:2px;overflow:hidden}.bar-fill{height:100%;border-radius:2px;transition:width .4s,background .3s}.bar-st{font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.03em}.rating-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:rgba(12,12,18,.8);border-top:1px solid hsla(0,0%,100%,.04)}.rating-label{font-size:10px;color:var(--text3);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.rating-btns{display:flex;gap:6px;align-items:center}.rbtn{font-size:16px;padding:4px 10px;border-radius:6px;border:1px solid var(--border2);background:transparent;cursor:pointer;transition:.15s;line-height:1}.rbtn:hover{background:hsla(0,0%,100%,.06);border-color:var(--border);transform:scale(1.1)}.rbtn.rated-up{background:rgba(26,139,58,.15);border-color:rgba(26,139,58,.4)}.rbtn.rated-down{background:rgba(220,50,50,.15);border-color:rgba(220,50,50,.4)}.rating-count{font-size:10px;color:var(--text3);margin-left:4px;font-family:var(--font-mono)}.h-out-wrap{border:2px solid rgba(139,26,26,.4);border-radius:12px;overflow:hidden;box-shadow:0 8px 40px rgba(80,0,0,.5)}.h-out-wrap.euphoric-out{border-color:rgba(155,42,255,.4);box-shadow:0 8px 40px rgba(100,0,200,.4)}.stats-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.st{background:var(--panel);border:1px solid var(--border2);border-radius:8px;padding:10px 8px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.3)}.st-n{font-family:var(--font-head);font-size:22px;color:var(--glow)}.st-l,.st-n{letter-spacing:.05em}.st-l{font-size:10px;color:var(--text3);margin-top:2px}.neg-panel{margin:8px 20px 0;border:1px solid rgba(255,62,142,.2);border-radius:12px;overflow:hidden;background:rgba(10,6,14,.95);box-shadow:0 6px 24px rgba(0,0,0,.5)}.neg-header{justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,rgba(50,15,35,.9),rgba(30,8,20,.95));border-bottom:1px solid rgba(255,62,142,.15)}.neg-header,.neg-title{display:flex;align-items:center}.neg-title{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--glow2);letter-spacing:.1em;gap:8px}.neg-title-sub{font-weight:400;color:var(--text3);letter-spacing:.03em}.neg-copy-all,.neg-title-sub{font-family:var(--font-body);font-size:10px}.neg-copy-all{font-weight:700;padding:5px 14px;border-radius:5px;border:1px solid rgba(255,62,142,.35);background:rgba(255,42,100,.08);color:var(--glow2);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:.15s}.neg-copy-all:hover{background:var(--glow2);color:#fff}.neg-layers{gap:0}.neg-layer{padding:10px 14px;border-bottom:1px solid hsla(0,0%,100%,.04);position:relative}.neg-layer:last-child{border-bottom:none}.neg-layer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.neg-layer-label{display:flex;align-items:center;gap:7px}.neg-layer-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.neg-layer-name{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.neg-layer-where{font-weight:500;color:var(--text3);letter-spacing:.03em;padding:2px 8px;border-radius:3px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06)}.neg-layer-copy,.neg-layer-where{font-family:var(--font-body);font-size:10px}.neg-layer-copy{font-weight:700;padding:3px 10px;border-radius:4px;background:transparent;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:.15s;border:1px solid}.layer-1 .neg-layer-dot{background:#f46}.layer-1 .neg-layer-name{color:#f79}.layer-1 .neg-layer-copy{color:#f79;border-color:rgba(255,68,102,.3)}.layer-1 .neg-layer-copy:hover{background:rgba(255,68,102,.15)}.layer-1 .ntag{background:rgba(255,50,80,.1);border-color:rgba(255,50,80,.25);color:rgba(255,150,170,.9)}.layer-1 .ntag .rm:hover{color:#f46}.layer-2 .neg-layer-dot{background:#ffb800}.layer-2 .neg-layer-name{color:#ffd060}.layer-2 .neg-layer-copy{color:#ffd060;border-color:rgba(255,184,0,.3)}.layer-2 .neg-layer-copy:hover{background:rgba(255,184,0,.12)}.layer-2 .ntag{background:rgba(255,184,0,.08);border-color:rgba(255,184,0,.2);color:rgba(255,210,100,.9)}.layer-2 .ntag .rm:hover{color:#ffb800}.layer-3 .neg-layer-dot{background:#00c8ff}.layer-3 .neg-layer-name{color:#60d8ff}.layer-3 .neg-layer-copy{color:#60d8ff;border-color:rgba(0,200,255,.3)}.layer-3 .neg-layer-copy:hover{background:rgba(0,200,255,.1)}.layer-3 .ntag{background:rgba(0,200,255,.07);border-color:rgba(0,200,255,.18);color:rgba(100,220,255,.9)}.layer-3 .ntag .rm:hover{color:#00c8ff}.neg-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;min-height:24px}.ntag{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:10px;font-weight:600;padding:3px 9px;border-radius:4px;border:1px solid;cursor:default;transition:.12s;letter-spacing:.02em}.ntag .rm{font-size:13px;cursor:pointer;opacity:.5;line-height:1;font-weight:700;transition:.12s;margin-left:1px}.ntag:hover .rm{opacity:1}.neg-add-row{display:flex;gap:7px;align-items:center}.neg-input{flex:1;font-family:var(--font-body);font-size:11px;padding:5px 9px;border-radius:5px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);color:var(--text);outline:none;transition:.15s}.neg-input:focus{border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05)}.neg-input::-moz-placeholder{color:var(--text3);font-size:10px}.neg-input::placeholder{color:var(--text3);font-size:10px}.neg-add-btn{font-family:var(--font-body);font-size:10px;font-weight:700;padding:5px 12px;border-radius:5px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);color:var(--text2);cursor:pointer;letter-spacing:.04em;transition:.15s;white-space:nowrap}.neg-add-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text)}.neg-preview{padding:8px 14px 10px;background:rgba(5,3,8,.6);border-top:1px solid hsla(0,0%,100%,.04);display:flex;align-items:center;gap:10px}.neg-preview-lbl{font-weight:700;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}.neg-preview-lbl,.neg-preview-txt{font-family:var(--font-mono);font-size:10px}.neg-preview-txt{color:rgba(200,160,180,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tools-row{margin:8px 20px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.tool-btn{font-family:var(--font-body);font-size:11px;font-weight:700;padding:10px 8px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text2);cursor:pointer;text-align:center;letter-spacing:.04em;text-transform:uppercase;transition:.15s;box-shadow:0 3px 10px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.04)}.tool-btn:hover{border-color:rgba(123,95,255,.4);color:var(--text);transform:translateY(-1px)}.tool-btn:active{transform:translateY(1px)}.tool-btn .em{display:block;font-size:16px;margin-bottom:3px}.tool-btn.remix-btn{border-color:rgba(0,229,255,.2);color:var(--glow3)}.tool-btn.remix-btn:hover{border-color:var(--glow3);background:rgba(0,229,255,.06)}.tool-btn.ab-btn{border-color:rgba(255,184,0,.2);color:var(--gold)}.tool-btn.ab-btn:hover{border-color:var(--gold);background:rgba(255,184,0,.06)}.tool-btn.opt-btn{border-color:rgba(123,95,255,.2);color:var(--glow)}.tool-btn.opt-btn:hover{border-color:var(--glow);background:rgba(123,95,255,.06)}.ab-wrap{margin:8px 20px 0;display:none}.ab-wrap.visible{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ab-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.4)}.ab-head{display:flex;align-items:center;justify-content:space-between;padding:7px 11px}.ab-label{font-family:var(--font-mono);letter-spacing:.06em}.ab-cbtn,.ab-label{font-size:10px;font-weight:700;color:#fff}.ab-cbtn{padding:4px 12px;border-radius:4px;border:1px solid hsla(0,0%,100%,.3);background:transparent;cursor:pointer;transition:.15s}.ab-cbtn:hover{background:hsla(0,0%,100%,.15)}.ab-body{padding:10px;background:rgba(6,6,10,.95);min-height:60px}.ab-body pre{font-size:10px;line-height:1.85;color:#9b8fff;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word}.ab-diff-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);padding:5px 11px;background:rgba(255,184,0,.06);border-top:1px solid rgba(255,184,0,.1)}.hist-list{max-height:300px;overflow-y:auto;padding-right:2px}.hist-list::-webkit-scrollbar{width:3px}.hist-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.hi{border:1px solid var(--border2);border-radius:8px;margin-bottom:6px;overflow:hidden;transition:.15s}.hi:hover{border-color:var(--border)}.hi-h{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:rgba(14,14,22,.8);cursor:pointer}.hi-m{font-family:var(--font-mono);font-weight:700;color:var(--glow);letter-spacing:.03em}.hi-m,.hi-t{font-size:10px}.hi-t{color:var(--text3)}.hi-b{padding:10px 12px;background:rgba(8,8,14,.9);display:none}.hi-b pre{font-size:9.5px;font-family:var(--font-mono);white-space:pre-wrap}.hi-b pre,.hi-cp{color:var(--glow)}.hi-cp{font-family:var(--font-body);font-size:10px;font-weight:700;padding:4px 12px;border-radius:4px;border:1px solid var(--glow);background:transparent;cursor:pointer;margin-top:7px;letter-spacing:.05em;transition:.15s}.hi-cp:hover{background:var(--glow);color:#fff}.empty-h{color:var(--text3);font-size:11px;text-align:center;padding:24px 0}.limit-banner{margin:8px 20px 0;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,184,0,.3);background:rgba(255,184,0,.06);font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.limit-banner,.limit-banner button{font-family:var(--font-body);color:var(--gold)}.limit-banner button{font-size:10px;font-weight:700;padding:4px 12px;border-radius:4px;border:1px solid var(--gold);background:transparent;cursor:pointer;transition:.15s;white-space:nowrap}.limit-banner button:hover{background:var(--gold);color:#000}.modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:28px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.8);position:relative}.modal-box h2{font-family:var(--font-head);font-size:26px;letter-spacing:.1em;color:var(--gold);margin-bottom:10px}.modal-box p{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:18px}.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--text3);font-size:20px;cursor:pointer;transition:.15s}.modal-close:hover{color:var(--text)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:32px;max-width:380px;width:100%;box-shadow:0 16px 60px rgba(0,0,0,.7)}.login-input{width:100%;font-family:var(--font-body);font-size:13px;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:rgba(10,10,20,.8);color:var(--text);outline:none;transition:.15s;margin-bottom:10px}.login-input:focus{border-color:var(--glow)}.login-input::-moz-placeholder{color:var(--text3)}.login-input::placeholder{color:var(--text3)}.login-btn{width:100%;font-family:var(--font-head);font-size:18px;letter-spacing:.1em;padding:13px;border-radius:8px;border:none;cursor:pointer;background:linear-gradient(135deg,#534ab7,#7b5fff);color:#fff;box-shadow:0 4px 20px rgba(83,74,183,.4);transition:.15s;margin-top:6px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(83,74,183,.5)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-err{color:#ff6b6b;font-size:11px;font-family:var(--font-mono);padding:8px 12px;border-radius:6px;background:rgba(255,50,50,.1);border:1px solid rgba(255,50,50,.2);margin-bottom:12px}@media (max-width:480px){.modes-5{grid-template-columns:repeat(3,1fr)}.modes-4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}.stats-mini{grid-template-columns:repeat(2,1fr)}.ab-wrap.visible{grid-template-columns:1fr}}.landing-root{position:relative;background:#030305;color:var(--text);cursor:none;overflow-x:hidden}@media (max-width:767px){.landing-root{cursor:auto}}.landing-fixed-logo{position:fixed;top:18px;left:24px;z-index:100;font-family:var(--font-head);font-size:18px;letter-spacing:.15em;background:linear-gradient(135deg,#fff,#7b5fff 60%,#ff3f8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s,filter .2s;filter:drop-shadow(0 0 8px rgba(123,95,255,.3))}.landing-fixed-logo:hover{filter:drop-shadow(0 0 16px rgba(123,95,255,.6));transform:translateY(-2px)}.landing-root .landing-fixed-logo{opacity:1;transform:translateY(0);animation:fadeUp .6s ease forwards;animation-delay:.1s}@media (max-width:767px){.landing-fixed-logo{font-size:14px;top:12px;left:14px}}.floating-orbs-layer{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-orb{position:absolute;border-radius:50%;transform:translate(-50%,-50%);filter:blur(60px);will-change:transform}.scroll-vignette{position:fixed;inset:0;pointer-events:none;z-index:1;transition:box-shadow .3s ease}.scene-fog{position:absolute;left:0;right:0;height:160px;pointer-events:none;z-index:2}.scene-fog-top{top:0;background:linear-gradient(180deg,#030305,transparent)}.scene-fog-bottom{bottom:0;background:linear-gradient(0deg,#030305,transparent)}.atmo-divider{display:flex;align-items:center;gap:16px;padding:0 48px;position:relative;z-index:2;margin:-10px 0}.atmo-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(123,95,255,.2),transparent)}.atmo-line-glow{height:1px;box-shadow:0 0 8px rgba(123,95,255,.15),0 0 20px rgba(123,95,255,.08);animation:atmoLinePulse 4s ease-in-out infinite}.atmo-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--text3);white-space:nowrap;text-transform:uppercase;text-shadow:0 0 12px rgba(123,95,255,.3)}@media (max-width:767px){.atmo-divider{padding:0 20px}.atmo-label{font-size:10px;letter-spacing:.15em}}.scene-sub{font-family:var(--font-body);font-size:14px;color:var(--text2);text-align:center;max-width:500px;margin:-30px auto 40px;line-height:1.6}.final-glow{background:radial-gradient(ellipse 50% 40% at 50% 35%,rgba(123,95,255,.14) 0,transparent 70%),radial-gradient(ellipse 40% 30% at 30% 60%,rgba(255,63,142,.06) 0,transparent 60%),radial-gradient(ellipse 40% 30% at 70% 50%,rgba(155,42,255,.06) 0,transparent 60%);animation:finalGlowPulse 5s ease-in-out infinite}.final-converge,.final-glow{position:absolute;inset:0;pointer-events:none;z-index:0}.final-converge{background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(123,95,255,.03) 60deg,transparent 120deg,rgba(255,63,142,.03) 180deg,transparent 240deg,rgba(155,42,255,.03) 300deg,transparent 1turn);animation:convergeRotate 20s linear infinite}.final-content{position:relative;z-index:1}.mode-card-border-anim{position:absolute;inset:-1px;border-radius:14px;background:conic-gradient(from var(--border-angle,0deg),transparent 0,var(--card-color,var(--glow)) 10%,transparent 20%);opacity:0;z-index:-1;animation:borderSpin 4s linear infinite;transition:opacity .4s}.mode-card.revealed .mode-card-border-anim{opacity:.4}.mode-card:hover .mode-card-border-anim{opacity:.7}.mode-card-border-anim:after{content:"";position:absolute;inset:1px;border-radius:13px;background:var(--bg2)}.custom-cursor{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--glow);box-shadow:0 0 14px 4px rgba(123,95,255,.5),0 0 30px 8px rgba(123,95,255,.2);pointer-events:none;z-index:9999;transition:transform .08s ease-out;mix-blend-mode:screen}@media (max-width:767px){.custom-cursor{display:none}}.grid-floor{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(123,95,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(123,95,255,.04) 1px,transparent 0);background-size:60px 60px;perspective:600px;transform:rotateX(60deg);transform-origin:center 110%;mask-image:linear-gradient(0deg,rgba(0,0,0,.3) 0,transparent 60%);-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,.3) 0,transparent 60%)}.scene{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;padding:60px 24px}.scene-title{font-family:var(--font-head);font-size:clamp(28px,5vw,48px);letter-spacing:.12em;text-align:center;margin-bottom:48px;color:var(--text)}.scene-hero{min-height:100vh;justify-content:center;padding-bottom:0}.hero-content{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transform:translateY(30px)}.hero-content.visible{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}.hero-content.visible>*{animation:fadeUp .7s ease forwards;opacity:0}.hero-logo{font-family:var(--font-head);font-size:clamp(56px,12vw,120px);letter-spacing:.2em;line-height:1;background:linear-gradient(135deg,#fff,#7b5fff 50%,#ff3f8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(123,95,255,.3))}.hero-sub{font-family:var(--font-mono);font-size:clamp(11px,1.4vw,14px);letter-spacing:.3em;color:var(--text2);text-transform:uppercase}.hero-genre{height:36px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.genre-text{position:absolute;font-family:var(--font-head);font-size:clamp(22px,3vw,34px);letter-spacing:.1em;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s;white-space:nowrap}.genre-text.active{opacity:1;transform:translateY(0)}.hero-stats{display:flex;gap:32px;margin-top:8px}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.hero-stat-n{font-family:var(--font-head);font-size:24px;letter-spacing:.08em;color:#fff}.hero-stat-l{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text3)}.hero-cta{display:flex;gap:14px;margin-top:16px}.cta-primary{position:relative;font-family:var(--font-head);font-size:18px;letter-spacing:.12em;padding:14px 36px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#534ab7,#7b5fff);color:#fff;overflow:hidden;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 24px rgba(123,95,255,.4)}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 36px rgba(123,95,255,.55)}.cta-glow{position:absolute;inset:-2px;border-radius:12px;background:linear-gradient(135deg,rgba(123,95,255,.3),rgba(255,63,142,.3));filter:blur(12px);z-index:-1;animation:breathe 2s ease-in-out infinite}.cta-secondary{font-family:var(--font-head);font-size:16px;letter-spacing:.1em;padding:14px 28px;border-radius:10px;background:transparent;border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:border-color .15s,color .15s}.cta-secondary:hover{border-color:var(--glow);color:#fff}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:40px;font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text3)}.scroll-chevron{width:12px;height:12px;border-right:1.5px solid var(--text3);border-bottom:1.5px solid var(--text3);transform:rotate(45deg);animation:bounceDown 1.5s ease-in-out infinite}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--text3),transparent);animation:scrollLine 2s ease-in-out infinite}.creator-badge{display:flex;align-items:center;gap:12px;text-decoration:none;padding:8px 16px;border-radius:40px;border:1px solid rgba(123,95,255,.15);background:rgba(123,95,255,.05);backdrop-filter:blur(12px);transition:all .3s ease;margin-bottom:16px;animation:fadeUp .6s ease both}.creator-badge:hover{border-color:rgba(123,95,255,.4);background:rgba(123,95,255,.1);transform:translateY(-2px);box-shadow:0 8px 30px rgba(123,95,255,.2)}.creator-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(123,95,255,.4);box-shadow:0 0 16px rgba(123,95,255,.3);-o-object-fit:cover;object-fit:cover}.creator-info{display:flex;flex-direction:column;gap:2px}.creator-built{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}.creator-name{font-family:var(--font-head);font-size:14px;color:#fff;letter-spacing:.06em}.creator-stats{font-family:var(--font-mono);font-size:10px;color:var(--text3);letter-spacing:.08em}.scene-modes{padding-top:80px;padding-bottom:80px}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:1000px;width:100%}.mode-card{position:relative;background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:28px 22px;cursor:default;overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .3s}.mode-enter-left{opacity:0;transform:translateX(-80px)}.mode-enter-right{opacity:0;transform:translateX(80px)}.mode-enter-top{opacity:0;transform:translateY(-60px)}.mode-enter-bottom{opacity:0;transform:translateY(60px)}.mode-enter-center{opacity:0;transform:scale(.8)}.mode-card.revealed{opacity:1;transform:translateX(0) translateY(0) scale(1)}.mode-card:hover{border-color:var(--card-color,var(--glow));transform:translateY(-4px) scale(1.02)}.mode-card-glow{position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle,var(--card-color,var(--glow)) 0,transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:0}.mode-card.revealed .mode-card-glow{opacity:.04}.mode-card:hover .mode-card-glow{opacity:.1}.mode-card-emoji{font-size:32px;margin-bottom:10px;position:relative;z-index:1}.mode-card-name{font-family:var(--font-head);font-size:22px;letter-spacing:.08em;color:#fff;position:relative;z-index:1}.mode-card-info{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--text3);margin:4px 0 10px;position:relative;z-index:1}.mode-card-desc{font-size:12px;color:var(--text2);line-height:1.5;position:relative;z-index:1}.mode-card-bar{width:40px;height:2px;margin-top:14px;background:var(--card-color,var(--glow));border-radius:1px;opacity:.5;position:relative;z-index:1}.mode-card-enter{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--card-color,var(--glow));margin-top:12px;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s;position:relative;z-index:1}.mode-card:hover .mode-card-enter{opacity:1;transform:translateX(0)}.scene-science{padding-top:80px;padding-bottom:80px}.science-blocks{display:flex;flex-direction:column;gap:36px;max-width:700px;width:100%}.science-block{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:28px 24px;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.science-block.revealed{opacity:1;transform:translateY(0)}.sci-label{letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.sci-caption,.sci-label{font-family:var(--font-mono);font-size:10px;color:var(--text3)}.sci-caption{letter-spacing:.1em;margin-top:14px;text-align:center}.fft-bars{display:flex;align-items:flex-end;justify-content:center;gap:14px;height:140px}.fft-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:60px;height:100%;justify-content:flex-end}.fft-bar{width:100%;border-radius:4px 4px 0 0;background:var(--bar-c,var(--glow));height:var(--bar-h,50%);transition:height .6s ease;box-shadow:0 0 12px color-mix(in srgb,var(--bar-c,var(--glow)) 40%,transparent)}.science-block.revealed .fft-bar{animation:barGrow .8s ease forwards}.fft-ratio{font-size:11px;font-weight:700;color:var(--bar-c,var(--text))}.fft-lbl,.fft-ratio{font-family:var(--font-mono)}.fft-lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}.bpm-zones{display:flex;flex-direction:column;gap:10px}.bpm-row{display:flex;align-items:center;gap:12px}.bpm-name{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;width:80px;text-align:right;flex-shrink:0}.bpm-track{flex:1;height:8px;background:hsla(0,0%,100%,.04);border-radius:4px;position:relative;overflow:hidden}.bpm-fill{position:absolute;top:0;left:var(--bpm-left,0);width:var(--bpm-width,20%);height:100%;background:var(--bpm-color,var(--glow));border-radius:4px;opacity:0;transition:opacity .6s ease;box-shadow:0 0 10px color-mix(in srgb,var(--bpm-color,var(--glow)) 40%,transparent)}.science-block.revealed .bpm-fill{opacity:1}.bpm-range{font-size:10px;width:60px;flex-shrink:0}.bpm-axis,.bpm-range{font-family:var(--font-mono);color:var(--text3)}.bpm-axis{display:flex;justify-content:space-between;padding-left:92px;padding-right:72px;margin-top:4px;font-size:8px;opacity:.5}.neg-layers{display:flex;flex-direction:column;gap:14px}.neg-row{display:flex;align-items:center;gap:12px}.neg-icon{font-size:18px;flex-shrink:0}.neg-info{display:flex;flex-direction:column;gap:1px;min-width:140px;flex-shrink:0}.neg-name{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text)}.neg-desc{font-family:var(--font-mono);font-size:9px;color:var(--text3);letter-spacing:.06em}.neg-bar-track{flex:1;height:6px;background:hsla(0,0%,100%,.04);border-radius:3px;overflow:hidden}.neg-bar-fill{width:0;height:100%;background:var(--neg-color,var(--glow));border-radius:3px;transition:width 1s ease;box-shadow:0 0 8px color-mix(in srgb,var(--neg-color,var(--glow)) 40%,transparent)}.science-block.revealed .neg-bar-fill{width:100%}.scene-portal{min-height:100vh;position:relative;overflow:hidden}.portal-ring{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(123,95,255,.9) 0,rgba(255,63,142,.6) 30%,rgba(155,42,255,.3) 50%,#030305 75%);transition:clip-path .1s linear}.portal-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(6,6,8,.9) 0,transparent 60%)}.portal-text{font-family:var(--font-head);font-size:clamp(36px,8vw,72px);letter-spacing:.3em;color:#fff;opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .6s ease}.portal-text.visible{opacity:1;transform:scale(1)}.scene-final{min-height:100vh;background:var(--bg);transition:opacity .5s ease}.final-content{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.final-title{font-family:var(--font-head);font-size:clamp(32px,6vw,56px);letter-spacing:.15em;color:#fff}.final-sub{font-size:14px;color:var(--text2);max-width:400px;line-height:1.6}.final-cta{display:flex;gap:14px;margin-top:8px}.cta-lg{font-size:22px;padding:18px 48px}.cta-outline{font-family:var(--font-head);font-size:16px;letter-spacing:.1em;padding:14px 28px;border-radius:10px;background:transparent;border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s}.cta-outline:hover{border-color:var(--glow);color:#fff;box-shadow:0 0 20px rgba(123,95,255,.2)}.final-note{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text3);margin-top:8px}.landing-footer{position:relative;z-index:5;padding:40px 24px 24px;border-top:1px solid rgba(123,95,255,.1);background:rgba(0,0,0,.4);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;gap:20px}.footer-creator{display:flex;align-items:center;gap:12px}.footer-avatar{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(123,95,255,.3);-o-object-fit:cover;object-fit:cover}.footer-built{font-family:var(--font-body);font-size:12px;color:var(--text2);letter-spacing:.04em}.footer-built strong{color:#fff}.footer-bio{font-family:var(--font-mono);font-size:9px;color:var(--text3);letter-spacing:.06em;margin-top:2px}.footer-links{display:flex;gap:20px}.footer-links a{display:flex;align-items:center;gap:6px;text-decoration:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text3);transition:color .2s,text-shadow .2s}.footer-links a:hover{color:#7b5fff;text-shadow:0 0 12px rgba(123,95,255,.4)}.footer-links a svg{transition:stroke .2s}.footer-links a:hover svg{stroke:#7b5fff}.footer-copy{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:hsla(0,0%,100%,.15)}@media (max-width:600px){.creator-badge{padding:6px 12px;gap:8px}.creator-avatar{width:32px;height:32px}.creator-name{font-size:12px}.footer-creator{flex-direction:column;text-align:center}.footer-links{gap:16px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceDown{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(6px)}}@keyframes scrollLine{0%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0);transform-origin:bottom}}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes atmoLinePulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes finalGlowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes convergeRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes borderSpin{0%{--border-angle:0deg}to{--border-angle:360deg}}@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@media (max-width:767px){.hero-stats{gap:18px;flex-wrap:wrap;justify-content:center}.hero-cta{flex-direction:column;align-items:center}.modes-grid{grid-template-columns:1fr;gap:14px}.fft-bars{gap:8px;height:100px}.bpm-name{width:60px;font-size:9px}.bpm-axis{padding-left:72px;padding-right:60px}.neg-info{min-width:100px}.final-cta{flex-direction:column;align-items:center}.cta-lg{font-size:18px;padding:14px 36px}}.gbtn:focus-visible,.mbt:focus-visible,.pill:focus-visible,.tab:focus-visible,.vtip:focus-visible{outline:2px solid var(--glow);outline-offset:2px}select:focus-visible{outline:2px solid var(--glow);outline-offset:1px}@media (max-width:480px){.stats-pills{flex-wrap:wrap;row-gap:6px;justify-content:flex-end}.pill{font-size:9px;padding:3px 8px}.logo{font-size:26px}.logo-sub{font-size:9px;letter-spacing:.16em}.tab{font-size:11px;padding:7px 12px;letter-spacing:.04em}.g2,.g3,.modes-5{grid-template-columns:1fr!important;gap:10px}.tools-row{flex-wrap:wrap;gap:8px}.tools-row>*{flex:1 1 auto;min-width:0}.gbtn,.mbt{width:100%;min-height:44px}.fft-bars{height:72px;gap:4px}.hero-stats{gap:10px;font-size:11px}.cta-lg{font-size:16px;padding:12px 24px}.pricing-grid{grid-template-columns:1fr!important}.modal-card{max-width:calc(100vw - 24px);padding:20px 16px}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px!important}}@media (max-width:375px){.logo{font-size:22px}.logo-sub{display:none}.tab{font-size:10px;padding:6px 10px}.pill{font-size:8px;padding:2px 6px}}