/* Palette sourced from PrismaClient.getThemeColor and ThemeEditor/ClickGUI. */
:root{color-scheme:dark;--accent:#a5adff;--accent-secondary:#c994f5;--cream:#0d0c13;--forest:#17151f;--paper:#17151f;--text:#eeeaf6;--muted:#a49bb7;--edge:rgba(165,173,255,.14);--gradient:linear-gradient(115deg,var(--accent),var(--accent-secondary));--glow:color-mix(in srgb,var(--accent) 15%,transparent)}
body{color:var(--text);background:radial-gradient(ellipse at 85% 8%,var(--glow),transparent 30%),radial-gradient(ellipse at 0 48%,color-mix(in srgb,var(--accent-secondary) 7%,transparent),transparent 30%),var(--cream)}
.nav-end{min-width:0}.nav-end>.pill{min-width:0;max-width:100%}.nav-player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-end .arrow{flex-shrink:0}
@media(max-width:540px){.nav .logo{flex-shrink:0}.nav-end>.pill{gap:10px;padding-left:13px;padding-right:13px}}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#a5adff18 .6px,transparent .6px);background-size:28px 28px;mask-image:linear-gradient(#0004,transparent 60%)}
::selection{background:var(--accent);color:#0d0c13}:focus-visible{outline-color:var(--accent)}
.logo{color:var(--text)}.logo .brand-mark{filter:drop-shadow(0 0 8px #8465ff28)}.logo>span{color:var(--accent)}.nav-links,.nav-end>a:not(.pill){color:#b7b1c7}.nav-links a:hover{color:var(--accent);opacity:1}
.pill{background:var(--gradient);color:#15121e;border:1px solid #ffffff1c;box-shadow:0 5px 24px var(--glow),inset 0 1px 0 #ffffff40;position:relative}.pill:hover{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 80%,white),color-mix(in srgb,var(--accent-secondary) 80%,white));box-shadow:0 8px 34px color-mix(in srgb,var(--accent) 25%,transparent)}
.pill.dark,.pill.outline{color:var(--text);background:linear-gradient(135deg,#ffffff09,#ffffff02);border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff05}.pill.outline:hover,.pill.dark:hover{background:#a5adff10;border-color:#a5adff55}
.hero{background:radial-gradient(ellipse at 50% 0%,#5c508d60,transparent 65%),linear-gradient(150deg,#1c182b,#12101c 65%,#1b1730);color:var(--text);border:1px solid #b0a6ff24;box-shadow:inset 0 1px 0 #ffffff0a,0 25px 100px #0003}
.hero:before{content:'';position:absolute;inset:-150px 20% auto;height:400px;border-radius:50%;background:radial-gradient(ellipse,#a5adff24,transparent 65%);filter:blur(30px);z-index:-1}.hero:after{background:linear-gradient(180deg,#100d1d18,#100d1d26 40%,#0d0b1670)}
.hero-art{opacity:.6}.hero h1 span:last-child{background:linear-gradient(100deg,#eeeaf6 5%,#c7c6ff 40%,var(--accent) 65%,var(--accent-secondary) 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{color:#bcb4d0;opacity:1}.eyebrow{color:#c5bbdd}.dot{background:var(--accent);box-shadow:0 0 12px #a5adff88}.hero-bottom{color:#aaa2bb}.hero-scroll{border-color:#a5adff35;color:var(--accent);background:#17151f60}.ui-caption{color:#b9afca}
.floating-ui{background:linear-gradient(135deg,#242030eb,#110f1ce8);color:var(--text);border:1px solid #a5adff50;box-shadow:0 25px 70px #0008,0 0 80px #a5adff15,inset 0 1px 0 #ffffff0c}.ui-top{color:var(--text)}.ui-top small{color:var(--accent);border-color:#a5adff30;background:#a5adff0b}.ui-row{border-color:#a5adff12;color:#b9b1ca}.toggle{background:var(--gradient);box-shadow:0 0 10px #a5adff20}.toggle:after{background:#eeeaf6}
.marquee{border-color:var(--edge);color:#9a91ad}.marquee b{color:var(--accent)}.kicker{color:var(--accent)}.section-note{color:var(--muted)}.bubble-words{align-items:stretch;gap:10px}.bubble-words span{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;font-size:clamp(20px,3.4vw,48px);line-height:1.15;letter-spacing:-.04em;padding:clamp(14px,1.6vw,22px) clamp(14px,2.1vw,30px);border-radius:999px;border-color:#a5adff2b;background:linear-gradient(140deg,#ffffff04,#ffffff01);color:#ded8eb}.bubble-words span:last-child{flex:1 0 auto;background:linear-gradient(115deg,#252039,#363054);color:#c6beff;border-color:#b5a7ff3b}.bubble-words .pink{padding:clamp(14px,1.6vw,22px) clamp(14px,1.8vw,26px);background:linear-gradient(135deg,#4a284e,#2d213c);color:#d8a6f4;border:1px solid #d8a6f42b}
.feature,.feature:nth-child(2),.feature:nth-child(3){background:linear-gradient(140deg,color-mix(in srgb,var(--forest) 96%,var(--accent)),var(--forest));color:var(--text);border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff05;position:relative;overflow:hidden}.feature:nth-child(2){background:radial-gradient(ellipse at 100% 0%,#7567a62b,transparent 70%),linear-gradient(140deg,#211c31,var(--forest));border-color:#a5adff40}.feature:nth-child(3){background:radial-gradient(ellipse at 0 0,#90578d16,transparent 70%),var(--forest)}.feature-icon,.feature:nth-child(2) .feature-icon{color:var(--accent);text-shadow:0 0 25px #a5adff40}.feature:nth-child(3) .feature-icon{color:var(--accent-secondary)}.feature p{color:#aaa1bb;opacity:1}.feature small{color:#91879f;opacity:1}
.showcase{background:radial-gradient(ellipse at 90% 35%,#51407142,transparent 60%),linear-gradient(125deg,#1d1929,#13101d);border:1px solid #a5adff22;box-shadow:inset 0 1px 0 #ffffff05}.showcase:before{border-color:#9f8adb1c;opacity:1}.showcase p{color:var(--muted)}.showcase .preview-ui{background:linear-gradient(135deg,#211c2e,#100e18);border:1px solid #a5adff55;color:var(--text);box-shadow:0 25px 70px #0007,0 0 70px #a5adff0c,inset 0 1px 0 #ffffff0b;padding:30px}
.plan,.plan:nth-child(2){background:linear-gradient(145deg,#211b30,var(--forest) 55%);color:var(--text);border:1px solid #a5adff22;box-shadow:inset 0 1px 0 #ffffff08}.plan:nth-child(2){background:radial-gradient(ellipse at 50% 0%,#7160a644,transparent 60%),linear-gradient(145deg,#29213c,#191522);border-color:#a5adff65;box-shadow:0 12px 50px #a5adff0b,inset 0 1px 0 #d6c7ff18}.plan:nth-child(3){background:radial-gradient(ellipse at 100% 0%,#955d8d20,transparent 70%),var(--forest)}.plan-badge{color:#b3a9c5}.plan:nth-child(2) .plan-badge{color:#cec6ff}.plan p{color:#aaa1bb;opacity:1}.plan-price{color:#eeeaf6}.plan-price small,.plan-detail{color:#a49bb7;opacity:1}.plan:not(:nth-child(2)) .pill{background:linear-gradient(120deg,#a5adff14,#c994f514);color:#d8d2f1;border:1px solid #a5adff30;box-shadow:inset 0 1px 0 #ffffff08}.plan:not(:nth-child(2)) .pill:hover{background:#a5adff24}
.access-card{background:linear-gradient(140deg,#b7bbff,#8278d0);color:#211b37;border:1px solid #e5ddff70;box-shadow:12px 16px 0 #a5adff07,0 0 45px #a5adff15,inset 0 1px 0 #fff7}.plan:nth-child(2) .access-card{background:linear-gradient(135deg,#f1e9ff,#b9b0ff 55%,#9c8ce8);box-shadow:12px 16px 0 #a5adff0b,0 0 65px #a5adff28,inset 0 1px 0 #fff9}.plan:nth-child(3) .access-card{background:linear-gradient(140deg,#edc6f3,#b88bd5 70%,#8f78c5)}
.step-num,.faq,.faq details,.footer-top{border-color:var(--edge)}.step-num{color:#8f88a2}.step-num b{color:var(--accent)}.faq details p{color:#aaa1bb}.faq summary:after{color:var(--accent)}.footer-cta{background:radial-gradient(ellipse at 80% 0,#7a5a9c30,transparent 65%),linear-gradient(120deg,#242033,#17121f);color:var(--text);border:1px solid #a5adff30;box-shadow:inset 0 1px 0 #ffffff09}.footer-cta h2{background:linear-gradient(100deg,#eeeaf6,#c7bded);background-clip:text;color:transparent}.footer-links{color:#aaa1bb}.footer-bottom{color:#81788f}
.form-card,.panel,.metric{background:linear-gradient(140deg,#201b2c,var(--forest));border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff05;color:var(--text)}.panel.dark{background:radial-gradient(ellipse at 90% 0,#7565aa35,transparent 70%),linear-gradient(135deg,#282038,#17121f);color:var(--text);border-color:#a5adff38}.panel.dark .pill{color:#15121e}.panel p{color:#b1a7c2;opacity:1}.panel h2{color:var(--text)}input,textarea,select{background:#0e0c16;color:var(--text);border-color:#a5adff24}input::placeholder,textarea::placeholder{color:#777083}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}label{color:#c1b8d1}input[type=color]{padding:5px;height:45px}.form-error{color:#f59bb9}.subpanel{border-color:var(--edge);background:#100d180f}.tabs button{color:#a69cb8;background:#1d1828;border:1px solid #a5adff15}.tabs button.active{background:linear-gradient(115deg,#a5adff25,#c994f520);color:#dcd4ff;border-color:#a5adff55}.status,.dark .status{background:#a5adff20;color:#c8c4ff;border:1px solid #a5adff25}.status.test{background:#c994f518;color:#d9b6f4;border-color:#c994f530}td,th{border-color:var(--edge)}.small-btn{background:#a5adff20;color:#d1c9f5;border:1px solid #a5adff25}.small-btn.danger{background:#f479a318;color:#f19abb;border-color:#f479a328}.notice{background:#e8b56b0c;border-color:#e8b56b32;color:#d6b791}.metric b{color:#dbd4ff}.help{color:#9b91ac}dialog{color:var(--text);background:linear-gradient(145deg,#241c33,#13101d);border:1px solid #a5adff35;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#07050fd0}#toast{background:#282035;border:1px solid #a5adff40;color:var(--text)}.loading{color:var(--text)}
@media(max-width:700px){.hero-art{opacity:.45}.showcase .preview-ui{padding:25px}.hero h1{font-size:clamp(46px,11vw,75px)}}