/* Shared scarlett surfaces. Controls and page behaviour stay with their callers. */
:root{--bg-base:#140c0e!important;--liquid-glass-bg:rgba(35,19,23,.88)!important;--liquid-glass-hover:#382027!important;--liquid-glass-border:#533039!important;--accent:#dbdfe8!important;--accent-hover:#dbdfe8!important;--scarlett-gradient:linear-gradient(110deg,#dbdfe8,#dbdfe8)!important;--text-primary:#f1edef!important;--text-secondary:#b9adb2!important;--text-muted:#95868c!important}
html{min-height:100%;background:#100c0e}body{min-height:100vh;background:radial-gradient(ellipse at 90% 95%,rgba(107,10,28,.34),transparent 55%),linear-gradient(135deg,#111012,#1b0d12)!important;background-attachment:fixed!important;color:#f1edef!important}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 5%,rgba(255,255,255,.03),transparent 40%)}
html body .shell,html body .settings-shell{background:linear-gradient(145deg,rgba(21,18,21,.95),rgba(46,15,23,.89))!important;border:1px solid #543039;border-radius:5px!important;box-shadow:0 18px 48px #0005;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin:24px auto;padding:24px 28px;max-width:1240px}
html body .nav-pill{background:linear-gradient(115deg,#171316ed,#29171fe8)!important;border:1px solid #513039!important;border-radius:5px!important;padding:16px 24px!important;box-shadow:0 8px 26px #0003!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html body .nav-wrapper{margin-bottom:28px;padding-top:24px}html body .nav-logo{width:120px!important;height:120px!important}html body .nav-pill{min-height:148px!important}
html body .glass-card,html body .login-card,html body .card,html body .stat-card,html body .feature-card,html body .modal-content,html body .gen-box,html body .player,html body .announcement-form,html body .discord-mockup,html body .broadcast-form-wrap,html body .dev-key-tools,html body .account-link,html body .appearance-section{background:linear-gradient(135deg,#24191ded,#32151eeb)!important;border:1px solid #4c3038!important;border-radius:4px!important;box-shadow:0 5px 16px #0002!important}
html body .glass-card{padding:24px!important}html body .stats-grid{gap:12px!important}html body .stat-card{padding:16px 20px!important}html body .stat-card:first-child{padding-left:20px!important}html body .hero-sub,html body .muted,html body .stat-sub,html body .description{color:#b3a5ab!important}
html body .game{background:#23171c!important;border:1px solid #4a3037!important;border-radius:4px!important;margin-bottom:10px;padding:18px 20px!important;min-height:74px}
html body .game[aria-selected="true"],html body .nav-tab-btn.active,html body .rail a.current{background:#351c25!important;box-shadow:none!important;border-radius:0 4px 4px 0!important;color:#f4edf0!important}
html body .game[aria-selected="true"]::before,html body .nav-tab-btn.active::before{width:2px!important;background:#dbdfe8!important;border-radius:0!important}
html body .rail a.current::before{position:absolute;left:0;top:0;bottom:0;height:auto;width:2px;margin:0;background:#dbdfe8!important;border-radius:0!important}
html body .rail a{position:relative;padding:14px 18px!important;margin-bottom:8px;border-radius:4px;color:#b6a9af}html body .rail,html body .top,html body .bottom,body header,html body .panel-header,html body .step,html body .support,html body .rail a,html body .settings-header{border-color:#483039!important}
html body input:not([type="range"]):not([type="checkbox"]),html body select,html body textarea,html body .code,html body code:not(.lyric-word),html body pre,html body .queue li,html body .preview-row{background:#291b21!important;color:#e7dce1!important;border:1px solid #533740!important;border-radius:4px!important}
html body .code{font-size:11px;line-height:1.8}html body button,html body .copy,html body .btn-glass-action,html body .table-btn{background:#35272e;color:#ede2e7;border:1px solid #57414b;border-radius:4px!important;box-shadow:none}html body .primary,html body .btn-gen-action,html body .btn-submit,html body .btn-primary,html body .add{background:var(--scarlett-gradient)!important;border:1px solid #f92540!important;color:#fff!important}
html body .table-responsive{background:#1b1519!important;border:1px solid #443039!important;border-radius:4px!important}html body thead th{background:#2d1d25!important;color:#b8a6af!important;border-color:#48303a!important}html body tbody td{border-color:#3f2a32!important}html body tbody tr:hover td,body #keysTableBody tr[aria-selected="true"] td{background:#35202a!important}
html body .details{background:#24161c!important;border:1px solid #4b2d36;border-radius:4px;padding:22px!important;margin-top:18px}html body .feature-list li{background:#2b1b22;padding:12px;border:1px solid #49303a;border-radius:4px}html body .feature-list li::before{display:none}
html body .access{border-left:0!important;padding-left:0!important;display:flex;flex-direction:column;gap:18px}html body .access>section{background:linear-gradient(140deg,#25171ded,#32151eee);border:1px solid #4f2d37;border-radius:4px;padding:22px;margin:0}html body .access .step-label{display:none}html body .access .support{margin-top:0}
html body .queue li{padding:14px!important;margin-bottom:8px;align-items:center}html body .lyric-line{color:#ead0da!important}html body .song-progress{background:#242426!important}html body .song-progress span{background:#dbdfe8!important}html body .controls button[aria-pressed="true"]{background:#242426!important;border-color:#dbdfe8!important}
html body .account-link{padding:22px}html body .appearance-section{padding:24px;margin-top:16px}html body .settings-shell .rail{border-right-color:#49313b}html body .discord-embed-card{background:#242426!important;border-left-color:#dbdfe8!important}html body .discord-bot-badge{background:#242426!important;color:#eeeeee!important}
@media(prefers-reduced-motion:no-preference){html body .game,html body .primary,html body .copy,html body .gen-box,html body .feature-card,html body .nav-tab-btn,html body .rail a{transition:transform .16s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease!important}html body .game:hover,html body .primary:hover,html body .copy:hover,html body .rail a:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0003!important;border-color:#73505d!important}html body .game:hover{background:#35202a!important}}
@media(max-width:700px){html body .shell,html body .settings-shell{margin:12px;border-radius:4px!important;padding:20px;max-width:calc(100% - 24px)}html body .nav-wrapper{padding:12px 12px 0}html body .nav-pill{padding:14px!important}html body .glass-card{padding:18px!important}html body .stats-grid{gap:8px!important}html body .stat-card{padding:14px!important}html body .nav-logo{width:88px!important;height:88px!important}html body .access>section{padding:20px}}
@supports not (backdrop-filter:blur(1px)){html body .shell,html body .nav-pill{background:#20141b!important}}

html body .access>.step{background:linear-gradient(140deg,#25171ded,#32151eee);border:1px solid #4f2d37;border-radius:4px;padding:22px;margin:0}
.scarlett-home .site-title{font-size:16px;color:#e6dce1}.scarlett-home .rail-brand{padding:0!important;margin:0 0 28px!important;border:0!important}.scarlett-home .rail-brand img{width:180px!important;height:180px!important;display:block;margin:auto}.scarlett-home .rail-note{margin-top:28px}.scarlett-home .heading{margin-bottom:24px}
@media(min-width:901px){body.scarlett-home .shell{display:grid;grid-template-columns:224px minmax(0,1fr);padding:0!important;gap:0;margin:24px auto}.scarlett-home .top{grid-column:2;grid-row:1;height:84px!important;padding:0 28px!important}.scarlett-home .workspace{display:contents!important}.scarlett-home .rail{display:block!important;grid-column:1;grid-row:1/span 2;padding:24px 16px!important;background:#17111555;border-right:1px solid #473039!important}.scarlett-home main{grid-column:2;grid-row:2;padding:28px}.scarlett-home .content{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.scarlett-home .bottom{grid-column:1/span 2;margin:0;padding:20px 28px}}
@media(max-width:900px){body.scarlett-home .workspace{display:block;padding-top:24px}.scarlett-home .rail{display:none}.scarlett-home .top{height:70px!important}.scarlett-home .content{grid-template-columns:minmax(0,1fr) 260px;gap:20px}}
@media(max-width:650px){.scarlett-home .content{grid-template-columns:1fr}.scarlett-home .top-links{gap:14px;flex-wrap:wrap}.scarlett-home .site-title{font-size:13px}.scarlett-home .bottom{gap:16px}}

@media(min-width:901px){html body .nav-pill{display:grid!important;grid-template-columns:120px minmax(0,1fr);column-gap:24px;row-gap:12px;align-items:center}html body .nav-brand{grid-column:1;grid-row:1/span 2}html body .nav-links{grid-column:2;flex-wrap:wrap;justify-content:flex-start!important;width:auto!important}html body .nav-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}}

/* Original Scarlett contour texture; stays behind every control and never takes input. */
html body{position:relative;isolation:isolate}
html body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('/ui-icons/topography-v2.svg');background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.025}
html body .primary,html body .btn-gen-action,html body .btn-submit,html body .btn-primary,html body .add{border-color:var(--accent)!important;color:var(--accent-text,#fff)!important}
html body .game[aria-selected="true"]::before,html body .nav-tab-btn.active::before,html body .rail a.current::before{background:var(--accent)!important}
html body input:focus-visible,html body button:focus-visible,html body a:focus-visible{outline-color:var(--accent)!important}
html body .appearance-swatch{border-radius:50%!important;width:34px;min-height:34px;height:34px;border:0!important;background:var(--swatch)!important;box-shadow:none!important}
html body .appearance-swatch[aria-pressed="true"]{outline:none!important;outline-offset:4px}
html body #appearanceAccent{width:132px;min-height:36px;text-transform:none!important}

html body.has-scarlett-topbar{padding-top:108px;background:radial-gradient(ellipse at 50% 5%,#272d36,#14171d 65%)!important}
html body .scarlett-topbar{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:2000;display:flex;align-items:center;gap:8px;padding:9px 12px;width:max-content;max-width:calc(100% - 24px);border:1px solid #ffffff0d;border-radius:999px;background:linear-gradient(145deg,#252a32ed,#13161bef);box-shadow:0 12px 32px #0005,inset 0 1px #ffffff0b;backdrop-filter:blur(16px)}
html body .scarlett-topbar a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#edf0f5;white-space:nowrap;font:400 12px/1.4 'Fira Mono',monospace!important;border-radius:999px!important;transition:background .18s,color .18s,box-shadow .18s}
html body .scarlett-topbar .topbar-tab{padding:11px 16px;min-height:38px}
html body .scarlett-topbar a[aria-current="page"]{background:linear-gradient(#424953,#303640);box-shadow:inset 0 1px #ffffff10;color:#fff}
html body .scarlett-topbar a:hover{background:#ffffff0c}
html body .scarlett-topbar .topbar-logo{width:38px;height:38px;margin-right:4px}
html body .scarlett-topbar .topbar-logo img{width:34px!important;height:34px!important;object-fit:contain}
html body .scarlett-topbar .topbar-circle{width:38px;height:38px}
html body .scarlett-topbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
html body .scarlett-topbar .topbar-divider{height:22px;width:1px;background:#ffffff12;margin:0 3px}
html body.scarlett-home .top,html body.scarlett-home .rail,html body .settings-header{display:none!important}
html body.scarlett-home .shell{display:block!important;padding:28px!important;max-width:1120px;background:linear-gradient(145deg,#292e38e8,#191e27ed)!important;border:1px solid #454c58;border-radius:20px!important}
html body.scarlett-home .workspace{display:block!important;padding:0!important;min-height:0}
html body.scarlett-home main{padding:0!important}
html body .settings-shell{background:linear-gradient(145deg,#292e38e8,#191e27ed)!important;border-color:#454c58;border-radius:20px!important}
html body.scarlett-home .game,html body.scarlett-home .details,html body.scarlett-home .access>section,html body.scarlett-home .access>.step,html body .appearance-section{background:linear-gradient(150deg,#3c4350,#282e39)!important;border-color:#535b69;border-radius:20px!important;box-shadow:0 4px 12px #0002,inset 0 1px #ffffff0a!important}
html body.scarlett-home .game[aria-selected="true"]{background:linear-gradient(150deg,#474e5c,#303744)!important;border-radius:20px!important}
html body.scarlett-home .game[aria-selected="true"]::before{top:20%;bottom:20%;left:0;border-radius:2px!important}
@media(max-width:650px){html body.has-scarlett-topbar{padding-top:90px}html body .scarlett-topbar{top:16px;gap:3px;padding:7px;max-width:calc(100% - 16px)}html body .scarlett-topbar .topbar-tab{padding:9px 8px;font-size:10px!important}html body .scarlett-topbar .topbar-logo,html body .scarlett-topbar .topbar-circle{width:29px;height:32px}html body .scarlett-topbar .topbar-logo img{width:28px!important;height:28px!important}html body .scarlett-topbar .topbar-divider{margin:0 1px}html body.scarlett-home .shell{padding:20px!important}}
@media(prefers-reduced-motion:no-preference){html body .scarlett-topbar{animation:topbar-arrive .35s ease-out}html body .scarlett-topbar a{transition:background .15s ease,box-shadow .2s ease,color .15s ease}html body .scarlett-topbar .topbar-circle svg{transition:transform .35s ease}html body .scarlett-topbar a[href="/settings"]:hover svg{transform:rotate(90deg)}html body .site-reveal{opacity:0;translate:0 12px;transition:opacity .4s ease var(--reveal-delay,0ms),translate .4s ease var(--reveal-delay,0ms)!important}html body .site-revealed{opacity:1;translate:0 0}@keyframes topbar-arrive{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){html body .site-reveal{opacity:1;translate:none}}

/* Keep the navigation shell still while its individual controls lift. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html body .scarlett-topbar a{transition:transform .22s cubic-bezier(.2,.8,.2,1),background .18s ease,box-shadow .22s ease,color .18s ease}
 html body .scarlett-topbar a:hover{transform:translateY(-4px);box-shadow:0 7px 14px #0003}
 html body .scarlett-topbar a:active{transform:translateY(-1px)}
 html body.scarlett-home .script-card:hover{transform:translateY(-4px)}
}
html body.has-scarlett-topbar{background:radial-gradient(ellipse at 50% 5%,#202429,#101316 70%)!important}

/* Public pages use the script's neutral surfaces; admin presets remain configurable. */
html body.scarlett-public .primary,html body.scarlett-public .btn-gen-action,html body.scarlett-public .btn-submit,html body.scarlett-public .btn-primary,html body.scarlett-public .add{background:linear-gradient(180deg,#555b66,#3a3f49 50%,#30343d)!important;border-color:#666d79!important;color:#edf0f5!important}
html body.scarlett-public .glass-card,html body.scarlett-public .login-card,html body.scarlett-public .card,html body.scarlett-public .gen-box,html body.scarlett-public .shell:not(.scarlett-home .shell){background:linear-gradient(180deg,#30343d,#23262d 50%,#1b1e24)!important;border-color:#4a505c!important;border-radius:20px!important}
html body.scarlett-public input:not([type="range"]):not([type="checkbox"]),html body.scarlett-public select,html body.scarlett-public textarea,html body.scarlett-public pre{background:#272b33!important;border-color:#505662!important;color:#edf0f5!important}

/* Open public layout with Scarlett branding and neutral controls. */
html body.scarlett-public{background:radial-gradient(ellipse at 50% 27%,#1b242f 0,transparent 42%),linear-gradient(#101214,#07090b 80%)!important}
html body.scarlett-public::before{opacity:.045}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html body.scarlett-home .hero-actions a:hover{transform:translateY(-3px)}}

html body.scarlett-public header,html body.scarlett-public .home-heading,html body.scarlett-public .section-heading{border-color:#ffffff10!important}

/* Neutral white light across the public site. */
html body.scarlett-public{background:radial-gradient(ellipse at 50% 27%,#242424 0,transparent 42%),linear-gradient(#111111,#080808 80%)!important;color:#f5f5f5!important}
html body.scarlett-public .scarlett-topbar{background:linear-gradient(145deg,#252525ed,#141414ef);color:#f5f5f5}
html body.scarlett-public .scarlett-topbar a{color:#eeeeee}
html body.scarlett-public .scarlett-topbar a[aria-current="page"]{background:linear-gradient(#424242,#303030)}
html body.scarlett-public .primary,html body.scarlett-public .btn-gen-action,html body.scarlett-public .btn-submit,html body.scarlett-public .btn-primary{background:linear-gradient(#494949,#303030)!important;border-color:#646464!important;color:#f4f4f4!important}
html body.scarlett-public .glass-card,html body.scarlett-public .login-card,html body.scarlett-public .card,html body.scarlett-public .gen-box,html body.scarlett-public .shell:not(.scarlett-home .shell){background:linear-gradient(#303030,#222222,#1b1b1b)!important;border-color:#505050!important}
html body.scarlett-public input:not([type="range"]):not([type="checkbox"]),html body.scarlett-public select,html body.scarlett-public textarea,html body.scarlett-public pre{background:#292929!important;border-color:#555555!important;color:#eeeeee!important}
/* Shared motion for links, buttons, cards and expandable rows on every page. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html body a,html body button:not(:disabled),html body summary,html body .public-card,html body .highlight,html body .stat-card,html body .feature-card,html body .gen-box,html body .glass-card{transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,background .2s ease,border-color .2s ease,color .2s ease}
 html body a:hover,html body button:not(:disabled):hover{transform:translateY(-3px)}
 html body .public-card:hover,html body .stat-card:hover,html body .feature-card:hover,html body .gen-box:hover,html body .glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #0004,inset 0 1px #ffffff12!important;border-color:#ffffff22!important}
 html body .highlight:hover,html body summary:hover{background:#ffffff04;transform:translateX(3px)}
 html body .script-icon{transition:transform .28s cubic-bezier(.2,.8,.2,1),background .2s ease}
 html body .script-card:hover .script-icon,html body .public-card:hover .script-icon{transform:translateY(-3px) scale(1.08);background:#ffffff12}
 html body .home-footer a:hover{color:#ffffff}
 html body .scarlett-topbar a:hover{transform:translateY(-4px)}
}

/* Dashboard navigation lives inside the same compact floating bar. */
html body .scarlett-topbar svg{width:20px;height:20px;stroke-width:1.65}
html body .scarlett-topbar.topbar-admin{display:flex;flex-direction:column;width:min(1160px,calc(100% - 32px));border-radius:24px;gap:8px;padding:10px 14px}
html body .topbar-main{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
html body .scarlett-topbar .topbar-admin-tabs{display:flex!important;flex-wrap:nowrap;justify-content:center!important;gap:4px;width:100%!important;border-top:1px solid #ffffff0b;padding-top:8px;overflow-x:auto}
html body .scarlett-topbar .nav-tab-btn{flex:0 0 auto;font:400 12px/1.4 'Fira Mono',monospace!important;border:0!important;border-radius:999px!important;padding:10px 14px;background:transparent!important;box-shadow:none!important;color:#bcbcbc!important;text-decoration:none;min-height:36px}
html body .scarlett-topbar .nav-tab-btn.active{background:#ffffff10!important;color:#ffffff!important}
html body .scarlett-topbar .nav-tab-btn.active::before{display:none!important}
html body .scarlett-topbar .nav-tab-btn:hover{background:#ffffff0a!important;color:#ffffff!important}
html body .scarlett-topbar .nav-tab-btn svg{display:none}
html body .scarlett-topbar .topbar-admin-actions{display:flex;justify-content:center;gap:18px;margin:0;border:0;padding:0;flex-wrap:wrap}
html body .scarlett-topbar .topbar-admin-actions .status-pill{display:none}
html body .scarlett-topbar .nav-btn-link{font-size:11px!important;min-height:26px;padding:4px 10px;border-radius:999px!important;background:none!important;border:0!important;color:#a8a8a8!important}
html body.has-admin-tabs{padding-top:200px!important}
html body .nav-wrapper[hidden]{display:none!important}
html body.scarlett-admin{background:radial-gradient(ellipse at 50% 27%,#242424 0,transparent 42%),linear-gradient(#111,#080808 80%)!important;color:#eee!important}
html body.scarlett-admin::before{opacity:.045}
html body.scarlett-admin .scarlett-topbar{background:linear-gradient(145deg,#252525ed,#141414ef)}
html body.scarlett-admin .scarlett-topbar a[aria-current="page"]{background:linear-gradient(#424242,#303030)}
html body.scarlett-admin .glass-card,html body.scarlett-admin .login-card,html body.scarlett-admin .card,html body.scarlett-admin .stat-card,html body.scarlett-admin .feature-card,html body.scarlett-admin .modal-content,html body.scarlett-admin .gen-box,html body.scarlett-admin .player,html body.scarlett-admin .announcement-form,html body.scarlett-admin .discord-mockup,html body.scarlett-admin .broadcast-form-wrap,html body.scarlett-admin .dev-key-tools,html body.scarlett-admin .account-link,html body.scarlett-admin .appearance-section,html body.scarlett-admin .settings-shell{background:#0d0d0de8!important;border:1px solid #ffffff10!important;border-radius:20px!important;box-shadow:none!important}
html body.scarlett-admin .table-responsive{background:#101010!important;border:1px solid #ffffff10!important;border-radius:16px!important}
html body.scarlett-admin thead th{background:#191919!important;color:#aaa!important;border-color:#303030!important}
html body.scarlett-admin tbody td{border-color:#292929!important}
html body.scarlett-admin tbody tr:hover td{background:#ffffff04!important}
html body.scarlett-admin input:not([type="range"]):not([type="checkbox"]),html body.scarlett-admin select,html body.scarlett-admin textarea,html body.scarlett-admin pre,html body.scarlett-admin code:not(.lyric-word),html body.scarlett-admin .preview-row{background:#202020!important;border:1px solid #383838!important;color:#eee!important;border-radius:12px!important}
html body.scarlett-admin button:not(.appearance-swatch),html body.scarlett-admin .copy,html body.scarlett-admin .btn-glass-action,html body.scarlett-admin .table-btn{background:#ffffff08;color:#eee;border-color:#ffffff12;border-radius:20px!important}
html body.scarlett-admin .primary,html body.scarlett-admin .btn-gen-action,html body.scarlett-admin .btn-submit,html body.scarlett-admin .btn-primary{background:linear-gradient(#494949,#303030)!important;border-color:#646464!important;color:#f4f4f4!important}
html body.scarlett-admin .panel-header,html body.scarlett-admin .step,html body.scarlett-admin .support,html body.scarlett-admin .rail,html body.scarlett-admin header{border-color:#ffffff10!important}
html body.scarlett-admin .hero-sub,html body.scarlett-admin .stat-sub,html body.scarlett-admin .muted,html body.scarlett-admin .description{color:#aaa!important}
html body.scarlett-admin a:not(.appearance-swatch){color:#ddd}
@media(max-width:800px){html body .scarlett-topbar .topbar-admin-tabs{justify-content:flex-start!important}html body .scarlett-topbar.topbar-admin{max-width:calc(100% - 16px);width:calc(100% - 16px);padding:8px}html body.has-admin-tabs{padding-top:190px!important}html body .topbar-main{gap:3px}html body .scarlett-topbar .nav-tab-btn{padding:9px 12px;font-size:11px!important}}

/* One compact admin row, with less-used actions in an options popover. */
html body .scarlett-topbar.topbar-admin{flex-direction:row;width:max-content;max-width:calc(100% - 32px);gap:6px;padding:8px 10px;border-radius:999px}
html body .scarlett-topbar .topbar-admin-tabs{width:auto!important;min-width:0;flex:1;gap:2px;border:0;padding:0;justify-content:flex-start!important}
html body .scarlett-topbar .nav-tab-btn{padding:10px 12px;font-size:11px!important}
html body .scarlett-topbar .topbar-logo,html body .scarlett-topbar .topbar-circle{flex-shrink:0}
html body .admin-utilities{position:relative;flex-shrink:0}
html body .admin-utilities summary{display:grid;place-items:center;list-style:none;min-width:52px;height:36px;padding:0 10px;cursor:pointer;border-radius:999px;color:#ddd;font:400 11px/1.4 Fira Mono,monospace;letter-spacing:0}
html body .admin-utilities summary::-webkit-details-marker{display:none}
html body .admin-utilities summary:hover{background:#ffffff0a}
html body .scarlett-topbar .topbar-admin-actions{position:absolute;right:0;top:46px;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:170px;padding:10px;background:#191919;border:1px solid #ffffff12;border-radius:18px;box-shadow:0 14px 36px #0007}
html body .scarlett-topbar .topbar-admin-actions .nav-btn-link{min-height:36px;text-align:left;justify-content:flex-start;padding:9px 12px;font-size:12px!important}
html body.has-admin-tabs{padding-top:108px!important}
@media(max-width:650px){html body .scarlett-topbar.topbar-admin{width:calc(100% - 16px);max-width:calc(100% - 16px);gap:3px;padding:7px}html body .scarlett-topbar .nav-tab-btn{padding:9px 10px}html body.has-admin-tabs{padding-top:90px!important}}
/* A single smooth card lift, with the artwork and text moving together. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html body .script-card,html body .public-card,html body .stat-card,html body .feature-card,html body .gen-box,html body .glass-card,html body .scarlett-topbar a,html body .scarlett-topbar button,html body .home-actions a,html body .home-actions button,html body .hero-actions a{transition:transform .28s cubic-bezier(.2,.75,.25,1),background .28s ease,border-color .28s ease,box-shadow .28s ease,color .2s ease,opacity .4s ease,translate .4s ease!important}
 html body.scarlett-home .script-card:hover,html body .public-card:hover,html body .stat-card:hover,html body .feature-card:hover,html body .gen-box:hover,html body .glass-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 24px #0003!important;border-color:#ffffff16!important}
 html body .script-card:hover .script-icon,html body .public-card:hover .script-icon{transform:none!important;background:#ffffff0d}
 html body .highlight:hover,html body summary:hover{transform:none!important}
 html body .scarlett-topbar a:hover,html body .scarlett-topbar button:hover,html body .home-actions a:hover,html body .home-actions button:hover,html body .hero-actions a:hover{transform:translateY(-3px)!important}
}

/* Match the script's softly raised pill selectors. */
html body .scarlett-topbar .topbar-tab,html body .scarlett-topbar .nav-tab-btn,
html body .scarlett-topbar .topbar-tab:hover,html body .scarlett-topbar .nav-tab-btn:hover{min-width:82px;background:linear-gradient(180deg,#595959d9,#414141cf 50%,#303030c4)!important;color:#f5f5f5!important;border:0!important;border-radius:999px!important;box-shadow:inset 0 1px 2px #ffffff10,0 3px 5px #0003!important;text-align:center;justify-content:center}
html body .scarlett-topbar .topbar-tab[aria-current="page"],html body .scarlett-topbar .nav-tab-btn.active,
html body .scarlett-topbar .topbar-tab[aria-current="page"]:hover,html body .scarlett-topbar .nav-tab-btn.active:hover{background:linear-gradient(180deg,#727272e0,#575757d9 50%,#424242cf)!important;color:#fff!important;box-shadow:inset 0 1px 3px #ffffff16,0 3px 6px #0004!important}
html body .scarlett-topbar .topbar-admin-tabs{gap:6px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html body .scarlett-topbar .topbar-tab,html body .scarlett-topbar .nav-tab-btn{transition:transform .28s cubic-bezier(.2,.75,.25,1),filter .24s ease,box-shadow .24s ease!important}html body .scarlett-topbar .topbar-tab:hover,html body .scarlett-topbar .nav-tab-btn:hover{filter:brightness(1.12)}}
@media(max-width:650px){html body .scarlett-topbar .topbar-tab{min-width:0}html body .scarlett-topbar .nav-tab-btn{min-width:78px}html body .scarlett-topbar .topbar-admin-tabs{gap:4px}}

/* Translucent glass for every selector, including the more control. */
html body .scarlett-topbar .topbar-tab,html body .scarlett-topbar .nav-tab-btn,html body .scarlett-topbar .admin-utilities summary,
html body .scarlett-topbar .topbar-tab:hover,html body .scarlett-topbar .nav-tab-btn:hover,html body .scarlett-topbar .admin-utilities summary:hover{background:linear-gradient(180deg,#ffffff14,#ffffff07 50%,#ffffff03)!important;border:0!important;border-radius:999px!important;color:#f5f5f5!important;box-shadow:inset 0 1px 2px #ffffff0c,0 2px 4px #0002!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html body .scarlett-topbar .topbar-tab[aria-current="page"],html body .scarlett-topbar .nav-tab-btn.active,
html body .scarlett-topbar .topbar-tab[aria-current="page"]:hover,html body .scarlett-topbar .nav-tab-btn.active:hover,
html body .scarlett-topbar .admin-utilities[open] summary{background:linear-gradient(180deg,#ffffff24,#ffffff12 50%,#ffffff08)!important;box-shadow:inset 0 1px 3px #ffffff12,0 2px 5px #0003!important}
html body .scarlett-topbar .admin-utilities summary{min-width:64px;height:36px;padding:0 13px;font:400 11px/1.4 'Fira Mono',monospace!important;text-align:center}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html body .scarlett-topbar .admin-utilities summary{transition:transform .28s cubic-bezier(.2,.75,.25,1),filter .24s ease,box-shadow .24s ease!important}html body .scarlett-topbar .admin-utilities summary:hover{transform:translateY(-3px)!important;filter:brightness(1.12)}}

html body .scarlett-topbar{background:linear-gradient(145deg,#32323257,#10101066)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffffff12;box-shadow:0 10px 26px #0003,inset 0 1px #ffffff08}

/* Give lifted tabs room inside their horizontal scroll area. */
html body .scarlett-topbar .topbar-admin-tabs{padding:8px 4px;margin:-8px -4px;scroll-padding-inline:4px}
/* Clip the table header cleanly to the same radius as the outer card. */
html body.scarlett-admin .table-responsive{border-radius:20px!important;overflow:hidden!important}
html body.scarlett-admin .badge{border-radius:20px!important;padding:4px 9px;line-height:1.4}
html body.scarlett-admin .panel-header input,html body.scarlett-admin .panel-header select{border-radius:20px!important}

html body #viewGen .dev-key-tools{margin:0;padding:24px;border-radius:20px;background:#0d0d0de8;border:1px solid #ffffff10}html body #viewGen .dev-key-tools label{display:block;margin:16px 0 8px}html body #viewGen .dev-key-tools select,html body #viewGen .dev-key-tools>input{width:100%;margin-bottom:12px}html body #viewGen .dev-key-tools button{border-radius:20px}
/* Music shares the admin palette and controls. */
html body.scarlett-music .shell{max-width:1160px;padding:24px 32px 48px;animation:none}
html body.scarlett-music:not(.music-activity) .shell>header{display:none}
html body.scarlett-music .layout{gap:24px;align-items:start}
html body.scarlett-music .account-link,html body.scarlett-music .player,html body.scarlett-music .layout>aside,html body.scarlett-music #songform{padding:24px;border:1px solid #ffffff10;border-radius:20px;background:#0d0d0de8}
html body.scarlett-music .account-link{margin-bottom:24px}
html body.scarlett-music .controls{gap:8px;margin-top:18px}
html body.scarlett-music button{border:1px solid #ffffff12;background:linear-gradient(#ffffff0d,#ffffff05)!important;color:#eee!important;border-radius:20px!important}
html body.scarlett-music button[aria-pressed="true"]{background:linear-gradient(#ffffff20,#ffffff0c)!important;border-color:#ffffff30;color:var(--accent)!important}
html body.scarlett-music .add{background:var(--accent)!important;color:var(--accent-text,#23262d)!important}
html body.scarlett-music .song-progress{height:5px;border-radius:20px;background:#ffffff18}
html body.scarlett-music .song-progress span{background:var(--accent,#dbdfe8)!important;border-radius:inherit}
html body.scarlett-music .song-progress:focus-visible{outline-color:var(--accent,#dbdfe8)}
html body.scarlett-music input[type="range"]{accent-color:var(--accent,#dbdfe8)!important}
html body.scarlett-music .lyric-line,html body.scarlett-music .status{color:#ccc}
html body.scarlett-music .queue li{border-color:#ffffff10;padding:14px 0}
html body.scarlett-music .art{border-radius:20px}
html body.scarlett-music.music-activity .scarlett-topbar{display:none}
html body.scarlett-music.music-activity{padding-top:0!important}
@media(max-width:650px){html body.scarlett-music .shell{padding:20px 16px 32px}html body.scarlett-music .layout{grid-template-columns:1fr}html body.scarlett-music .player,html body.scarlett-music .account-link,html body.scarlett-music #songform,html body.scarlett-music .layout>aside{padding:20px}}
/* Keep legacy chrome out of the first frame, before the shared bar loads. */
html body.scarlett-admin .nav-wrapper{display:none!important}
html body.scarlett-music .shell{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important;margin:0 auto!important}
html body.scarlett-music .song-progress{background:#ffffff18!important}
html body.scarlett-settings .settings-shell{max-width:800px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:24px!important;margin:0 auto!important}
html body.scarlett-settings .settings-grid{grid-template-columns:minmax(0,1fr);padding-top:0;gap:0}
html body.scarlett-settings h1{font-size:28px;margin-bottom:8px}
html body.scarlett-settings .appearance-section{padding:24px!important;margin-top:16px}
html body.scarlett-settings .custom-colour{flex-wrap:wrap;gap:14px;color:#aaa}
html body.scarlett-settings .custom-colour input{width:132px;border-radius:20px!important;padding:10px 14px;height:40px}
html body.scarlett-settings .motion-row input{appearance:none;-webkit-appearance:none;position:relative;width:42px;height:24px;flex:0 0 42px;border:1px solid #ffffff20!important;border-radius:20px!important;background:#ffffff08!important;cursor:pointer;padding:0;margin:0}
html body.scarlett-settings .motion-row input::before{content:'';display:block;position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#bbb;transition:transform .28s cubic-bezier(.2,.75,.25,1),background .2s}
html body.scarlett-settings .motion-row input:checked{background:color-mix(in srgb,var(--accent) 25%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 50%,transparent)!important}
html body.scarlett-settings .motion-row input:checked::before{transform:translateX(18px);background:var(--accent)}
html body.scarlett-settings .motion-row input:focus-visible{outline:none!important;outline-offset:4px}
html body.scarlett-music button[aria-pressed="true"]{border-color:#ffffff30!important}
html body.scarlett-music .queue li{background:#ffffff03!important;border:1px solid #ffffff10!important;border-radius:20px!important;margin-bottom:8px;padding:14px!important}
html body.scarlett-music .lyric-line{color:#ccc!important}
html body.scarlett-music .queue .queue-remove:hover{color:#eee!important}
html body.scarlett-admin .shell{background:transparent!important;border:0!important;box-shadow:none!important}
/* Compact pills use their stated size, including padding. */
.owner-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.owner-access-card{padding:24px;border:1px solid #ffffff10;border-radius:20px;background:linear-gradient(140deg,#ffffff08,#ffffff02)}.owner-card-heading{display:flex;align-items:center;gap:14px}.owner-card-heading h3{font-size:17px;font-weight:400;margin:0 0 4px}.owner-card-heading p{font-size:12px;color:#888;margin:0}.owner-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#ffffff0c;color:#ddd}.owner-access-state{margin-left:auto;font-size:11px;color:#ccc;border:1px solid #ffffff16;border-radius:999px;padding:6px 10px}.owner-access-description{font-size:12px;color:#999;margin:22px 0}.owner-role{font-size:11px;color:#999}.owner-status{font-size:12px;color:#aaa;min-height:24px}html body #viewOwners .owner-access-card button{border-radius:999px!important;padding:10px 18px;background:linear-gradient(#ffffff10,#ffffff05)!important;border:1px solid #ffffff18!important;transition:transform .25s}html body #viewOwners .owner-access-card button:hover{transform:translateY(-3px)}@media(max-width:650px){.owner-access-grid{grid-template-columns:1fr}.owner-access-card{padding:20px}.owner-role{font-size:10px}}@media(prefers-reduced-motion:reduce){html body #viewOwners .owner-access-card button:hover{transform:none}}
html body .scarlett-topbar,html body .scarlett-topbar *{box-sizing:border-box}
html body .scarlett-topbar .topbar-tab{height:38px;min-height:38px;padding:0 16px}
html body .scarlett-topbar .topbar-logo,html body .scarlett-topbar .topbar-circle{height:38px;width:38px;padding:0}
@media(max-width:650px){html body .scarlett-topbar .topbar-tab{height:34px;min-height:34px;padding:0 8px}html body .scarlett-topbar .topbar-logo,html body .scarlett-topbar .topbar-circle{height:34px;width:29px}}

html body .owner-splash{background:#0d0d0df5!important;background-image:linear-gradient(#0d0d0de6,#0d0d0de6),url(/ui-icons/topography-v2.svg)!important;background-size:cover!important;backdrop-filter:blur(24px);gap:18px}html body .owner-splash img{width:220px;height:220px}html body .owner-splash p{font-family:Inter,system-ui,sans-serif!important;font-size:28px;letter-spacing:-.6px}html body .owner-splash button{border-radius:999px!important;padding:12px 24px!important;background:linear-gradient(#ffffff14,#ffffff06)!important;border:1px solid #ffffff20!important;transition:transform .25s}html body .owner-splash button:hover{transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){html body .owner-splash button{transition:none}html body .owner-splash button:hover{transform:none}}
/* Neutral focus and selection throughout the site. */
html body input:focus,html body select:focus,html body textarea:focus{outline-color:#dbdfe8!important;box-shadow:none!important}
html body #annColor:focus{border-color:#dbdfe8!important;outline:none!important}
html body #annColor option{background:#242426!important;color:#eee!important}
html body .discord-bot-badge{background:#39393d!important;color:#eee!important}
@media(prefers-reduced-motion:no-preference){html.scarlett-leaving body{opacity:0;transform:translateY(-5px);transition:opacity .16s ease,transform .16s ease!important}body{animation:scarlett-page-enter .2s ease-out}@keyframes scarlett-page-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
.account-field{display:flex;flex-direction:column;gap:8px;min-width:0}.account-field label{margin:0!important;font-size:12px!important}.account-field input{margin:0!important}.account-content .account-card form{column-gap:18px}
.music-settings-view,.music-lyrics-view{min-width:0;border:1px solid #ffffff0c;border-radius:24px;padding:28px;background:linear-gradient(#ffffff04,#0002),#101012e8}.music-settings-view h2,.music-lyrics-view h2{font-size:22px;font-weight:400;margin:0 0 24px}.music-setting{display:block;padding:20px 0;border-top:1px solid #ffffff0c}.music-setting output{float:right;color:#ccc}.music-setting input{width:100%;display:block;margin-top:18px;accent-color:#eee}.music-settings-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.music-settings-hint{font-size:11px;color:#888;margin-top:24px}.music-settings-view .volume-control{margin:0;padding:20px 0;border-top:1px solid #ffffff0c}
.lyrics-lines{height:min(60vh,560px);overflow:auto;scrollbar-width:none;scroll-padding:24vh 0;padding:30px 8px 180px}.lyrics-lines::-webkit-scrollbar{display:none}html body .lyrics-lines .lyric-line{display:block;width:100%;margin:0 0 22px;padding:0;border:0!important;background:none!important;box-shadow:none!important;text-align:left;font-family:Inter,Arial,sans-serif!important;font-size:clamp(24px,3vw,42px);font-weight:600;line-height:1.25;color:#606066!important;white-space:normal;transition:color .3s,opacity .3s,filter .3s!important;transform:none!important;cursor:pointer}html body .lyrics-lines .lyric-active{color:#f4f4f5!important;filter:none;opacity:1}html body .lyrics-lines .lyric-past{opacity:.6}.lyrics-empty{color:#888;font-size:16px}.music-lyrics-view{background:linear-gradient(145deg,#222225e8,#08080aed),url('/ui-icons/topography-v1.png') center/cover}
@media(prefers-reduced-motion:no-preference){html body button:not(:disabled):active{filter:brightness(.85)}.music-view-selected section:not([hidden]),.music-view-selected aside:not([hidden]){animation:scarlett-page-enter .2s ease-out}}

/* Shared frosted charcoal surfaces, matching the navigation. */
html body .scarlett-topbar,html body .glass-card,html body .login-card,html body .card,html body .stat-card,html body .feature-card,html body .modal-content,html body .gen-card,html body .account-profile,html body .account-nav,html body .account-quick,html body .account-panel,html body .account-loader,html body .account-script{background:linear-gradient(145deg,#32323257,#10101066)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-color:#ffffff0e!important}

html body .stats-grid>a.stat-card{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease}html body .stats-grid>a.stat-card:hover{transform:translateY(-2px)}html body .stats-grid[hidden]{display:none!important}html body #viewGen .gen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}html body #viewGen .gen-grid>.gen-box,html body #viewGen .gen-grid>.dev-key-tools{margin:0!important;padding:22px!important;min-height:0!important;display:flex;flex-direction:column;gap:10px;background:linear-gradient(145deg,#32323257,#10101066)!important;backdrop-filter:blur(12px);border:1px solid #ffffff12!important;border-radius:20px!important}html body #viewGen .gen-grid>.dev-key-tools:first-child{grid-column:1/-1}html body #viewGen .gen-grid h3{font-size:14px;font-weight:400;font-style:normal;margin:0}html body #viewGen .gen-grid p{font-size:11px;line-height:1.5;margin:0 0 6px;min-height:0}html body #viewGen .field-group{margin:0}html body #viewGen .gen-grid input,html body #viewGen .gen-grid select{width:100%;min-height:40px;box-sizing:border-box}html body #viewGen .gen-grid button{min-height:38px;margin-top:4px;font-size:12px}html body #viewGen .dev-key-heading{gap:12px}html body #viewGen .dev-key-result{max-width:100%;margin:0}html body #viewGen .dev-key-result input{width:0;flex:1}html body .admin-game-list{display:grid;gap:12px;padding:24px}html body .admin-game-list>a{display:block;padding:16px;background:#ffffff05;border-radius:12px;color:inherit;text-decoration:none}@media(max-width:700px){html body #viewGen .gen-grid{grid-template-columns:1fr;padding:12px}}

html body :is(.dev-key-tools,.owner-access-card,.appearance-section){background:linear-gradient(145deg,#32323257,#10101066)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid #ffffff12!important;box-shadow:0 10px 26px #0003,inset 0 1px #ffffff08!important}html body .appearance-section{padding:20px;margin:16px 0;border-radius:20px}html body .scarlett-settings .motion-row input[type=range],html body.scarlett-settings .motion-row input[type=range]{appearance:auto!important;-webkit-appearance:auto!important;width:160px;height:auto;flex:0 0 160px;background:none!important;border:0!important}html body .dev-key-tools button,html body .gen-box button{background:linear-gradient(145deg,#32323257,#10101066)!important;backdrop-filter:blur(12px);border:1px solid #ffffff18!important}
html body.scarlett-settings .motion-row input[type=range]::before,html body.scarlett-settings .motion-row input[type=range]::after{display:none!important;content:none!important}html body.scarlett-settings .motion-row:has(input[type=range]){display:grid;grid-template-columns:1fr 160px 42px;gap:16px;align-items:center;margin:12px 0}html body.scarlett-settings .motion-row output{text-align:right;font-size:11px}

html body.scarlett-settings .settings-grid>section{background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important}html body.scarlett-settings .settings-grid{display:block!important;padding-top:24px!important}html body.scarlett-settings .settings-grid>section>h1{margin:0 0 10px!important;font-size:24px!important}html body.scarlett-settings .settings-grid>section>p{margin-bottom:24px!important}html body.scarlett-settings .appearance-section{padding:24px!important;box-sizing:border-box}html body.scarlett-settings .appearance-section .motion-row{min-height:36px}html body.scarlett-settings #websiteMusicSettings h2{margin-bottom:18px}

/* Scarlett's shared visual system: one finish, consistent spacing and controls. */
:root{--scarlett-glass:linear-gradient(145deg,#32323257,#10101066);--scarlett-divider:#ffffff12;--text-primary:#d9dce0!important;--text-secondary:#a7adb4!important;--text-muted:#7f858d!important}
html body{color:var(--text-primary)!important}
html body :is(.glass-card,.login-card,.card,.stat-card,.feature-card,.modal-content,.gen-card,.script-card,.public-card,.gen-box,.account-card,.account-panel,.account-script,.appearance-section,.ticket-sidebar,.ticket-panel,.support-card,.pricing-card,.faq-item,.highlight,.home-details,.details,.access>section){border:1px solid var(--scarlett-divider)!important;border-radius:20px!important;box-sizing:border-box;min-width:0}
html body :is(.glass-card,.login-card,.gen-box,.account-card,.account-panel,.pricing-card,.home-details,.details,.access>section){padding:24px!important}
html body :is(button,.btn,.btn-pill,.btn-submit,.btn-gen-action,.btn-glass-action,.table-btn,.copy,.primary,.nav-tab-btn){border-radius:999px!important;border:1px solid #ffffff14!important;background:var(--scarlett-glass)!important;color:#c5cbd2!important;box-shadow:inset 0 1px #ffffff08!important;font-weight:400!important}
html body :is(.primary,.btn-primary,.btn-submit,.btn-gen-action,.add){background:#b9c4d2!important;color:#252a31!important;border-color:#ffffff20!important}
html body :is(button[aria-pressed=true],.nav-tab-btn.active,.topbar-tab[aria-current=page]){background:linear-gradient(145deg,#ffffff28,#ffffff12)!important;border-color:#ffffff2b!important;color:#e0e5ea!important}
html body :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #ffffff15!important;border-radius:12px!important;padding:10px 14px!important;color:#c5cbd2!important;box-sizing:border-box}
html body :is(.table-responsive,.code,pre){background:#10121466!important;border:1px solid var(--scarlett-divider)!important;border-radius:12px!important}
html body thead th{background:#ffffff07!important;color:#a7adb4!important;border-color:var(--scarlett-divider)!important}
html body tbody td{border-color:var(--scarlett-divider)!important}html body tbody tr:hover td{background:#ffffff05!important}
html body :is(.panel-header,.settings-header,.top,.bottom,.step,.support){border-color:var(--scarlett-divider)!important}
html body :is(.stats-grid,.gen-grid,.feature-grid,.account-grid){gap:20px!important}
html body :is(h1,h2,h3){font-weight:400!important;line-height:1.35}html body h1{letter-spacing:-.5px}
html body .settings-grid>section{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
html body button:disabled{opacity:.45;cursor:not-allowed}
html body :is(button,a,input,textarea,select):focus-visible{outline:none!important;outline-offset:4px!important}
@media(prefers-reduced-motion:no-preference){html body{animation:none!important}html body :is(.gen-box,.player,.details,.login-card,.music-view-selected section,.music-view-selected aside){animation:none!important}html body :is(button,a,.game,.primary,.copy,.gen-box,.feature-card,.rail a):hover{transform:none}html body :is(button,a,.gen-box,.feature-card){transition:background .2s ease,border-color .2s ease,color .2s ease!important}}
@media(max-width:650px){html body :is(.glass-card,.login-card,.gen-box,.account-card,.account-panel,.pricing-card,.home-details,.details,.access>section){padding:20px!important}html body.scarlett-settings .motion-row:has(input[type=range]){grid-template-columns:minmax(0,1fr) 110px 38px;gap:10px}html body.scarlett-settings .motion-row input[type=range]{width:110px!important}}

html body.ticket-page #ticketConversation{max-width:1240px;margin:24px auto;padding:0 24px}html body.ticket-page .dt-viewer{background:var(--scarlett-glass)!important;backdrop-filter:blur(12px);border:1px solid #ffffff12!important;border-radius:20px!important}html body.ticket-page :is(.dt-main,.dt-messages,.dt-content){background:transparent!important}html body.ticket-page :is(.dt-channels,.dt-servers,.dt-members,.dt-header,.dt-titlebar,.dt-account-panel,.dt-composer){background:#ffffff04!important;border-color:#ffffff12!important}html body.ticket-page .dt-viewer *{font-family:"Fira Mono",monospace!important}html body.ticket-page :is(.dt-message-content,.dt-author){text-transform:none!important}@media(max-width:650px){html body.ticket-page #ticketConversation{padding:0 12px}}

/* Scarlett remake: compact navigation and clear page hierarchy. */
html body.scarlett-workspace{padding-left:0!important}
html body.scarlett-workspace .scarlett-topbar{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:24px auto 32px!important;width:max-content;max-width:calc(100% - 32px)}
.workspace-frame{display:grid;grid-template-columns:212px minmax(0,1fr);gap:32px;width:calc(100% - 64px);max-width:1520px;margin:0 auto 56px;align-items:start}
html body .workspace-nav{position:sticky;top:24px;border:1px solid #ffffff12;border-radius:20px;padding:20px 12px;min-width:0}
.workspace-caption{margin:0 12px 22px;font-size:17px;color:#d1d7de}.workspace-group{padding:12px 0;border-top:1px solid #ffffff10}.workspace-group>p{font-size:10px;color:#858b94;margin:4px 12px 10px}
html body .workspace-nav :is(.nav-tab-btn,.nav-btn-link){display:flex!important;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:40px;padding:10px 12px!important;margin:3px 0!important;border-radius:10px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;font-size:11px;white-space:normal;text-decoration:none;color:#aeb6c0!important;text-align:left}
html body .workspace-nav .nav-tab-btn svg{display:block!important;width:16px;height:16px;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
html body .workspace-nav .nav-tab-btn.active{background:linear-gradient(145deg,#ffffff24,#ffffff0c)!important;border-color:#ffffff13!important;color:#e1e5ea!important}
html body .workspace-nav :is(.nav-tab-btn,.nav-btn-link):hover{background:#ffffff09!important}
.workspace-actions{display:flex!important;flex-direction:column;gap:3px!important;border-top:1px solid #ffffff10;margin-top:16px;padding-top:12px}.workspace-actions .btn-logout{color:#cf9499!important}
.workspace-content{min-width:0}html body.scarlett-workspace .workspace-content .hero-section{text-align:left!important;max-width:none!important;padding:8px 0 24px!important;margin:0!important;min-height:0!important;border:0!important}
html body.scarlett-workspace .workspace-content .hero-title{font-size:28px!important;letter-spacing:-1px;font-weight:400!important;margin-bottom:10px!important}
html body.scarlett-workspace .workspace-content .hero-sub{font-size:12px!important;line-height:1.7;max-width:none;margin:0!important}
html body.scarlett-workspace .workspace-content .stats-grid{max-width:none!important;margin:0 0 28px!important;padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important}
html body.scarlett-workspace .workspace-content .stat-card{padding:20px!important;border-radius:16px!important;text-decoration:none;min-width:0}
html body.scarlett-workspace .workspace-content .stat-value{font-size:28px!important;margin:14px 0 8px!important}.workspace-content .stat-label{font-size:10px!important}.workspace-content .stat-sub{font-size:10px!important;line-height:1.65}
html body.scarlett-workspace .workspace-content .content-wrap{max-width:none!important;margin:0!important;padding:0!important}
html body.scarlett-workspace .workspace-content .panel-header{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:0 0 20px!important;margin-bottom:20px!important;min-width:0}
html body.scarlett-workspace .panel-title{font-size:15px!important;line-height:1.5}.workspace-content .table-responsive{width:100%;overflow:auto;max-width:100%}.workspace-content table{width:100%}.workspace-content th{font-size:10px!important;font-weight:400!important;white-space:nowrap}.workspace-content td{font-size:11px!important;padding:16px 12px!important;line-height:1.6}.workspace-content .search-input{flex:1;min-width:150px;max-width:320px!important}.workspace-content .gen-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.workspace-menu{display:none!important}
html body.scarlett-home main.shell{max-width:1240px!important;padding:0 32px!important}
html body.scarlett-home main.shell .hero{display:grid!important;grid-template-columns:1.25fr 1fr;min-height:450px;text-align:left!important;align-items:center;gap:48px;padding:54px 0 72px}
.hero-copy{min-width:0}.hero-art{display:grid;place-items:center;min-height:300px;border:1px solid #ffffff10;border-radius:28px;background:radial-gradient(ellipse at center,#ffffff0a,transparent 65%)}
html body.scarlett-home main.shell .hero-logo{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 18px 34px #0005)}
html body.scarlett-home main.shell .hero h1{font-family:'Fira Mono',monospace!important;font-size:clamp(34px,4.4vw,60px)!important;font-weight:400!important;letter-spacing:-2px;line-height:1.15;margin:20px 0}
html body.scarlett-home main.shell .hero p{font-family:'Fira Mono',monospace!important;font-size:13px!important;line-height:1.8;max-width:420px}.hero-kicker{color:#aab4c1!important;font-size:11px!important;letter-spacing:2px}
html body.scarlett-home main.shell .hero-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:28px;gap:10px}
html body.scarlett-home main.shell .highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:transparent!important;border-radius:20px;overflow:hidden}
html body.scarlett-home main.shell .highlight{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:26px!important}
html body.scarlett-home main.shell .highlight+.highlight{border-left:1px solid #ffffff12!important}.highlight-icon{display:block;margin-bottom:20px}
html body.scarlett-home main.shell .highlight h2{font-size:17px!important;letter-spacing:0}.highlight p{font-size:12px!important;line-height:1.8!important}
html body.scarlett-home main.shell .script-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body.scarlett-home main.shell .script-card{min-height:280px!important;padding:24px 18px!important;gap:14px;text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important;border-radius:20px!important;background:var(--scarlett-glass)!important;border-color:#ffffff12!important}
html body.scarlett-home main.shell .game-art{width:76px;height:76px;flex-basis:76px;margin:4px 0 8px}
html body.scarlett-home main.shell .script-name{font-size:17px!important;font-weight:400!important;line-height:1.4;letter-spacing:0}.script-description{font-size:11px!important;line-height:1.8!important}.script-arrow{margin-top:auto!important;font-size:10px!important}
html body.scarlett-home main.shell .script-card[aria-selected=true]{border-color:#ffffff35!important;background:linear-gradient(145deg,#ffffff1c,#10101066)!important}
html body.scarlett-home main.shell :is(.home-heading,.section-heading){margin:48px 0 24px!important;padding-top:28px!important}.home-heading h2,.section-heading h2{font-size:23px!important}.home-heading p,.section-heading p{font-size:12px!important;line-height:1.8}
html body.scarlett-home main.shell .public-card{min-height:260px;padding:28px!important}.home-access{gap:20px!important}
html body.scarlett-home main.shell *{font-family:'Fira Mono',monospace!important}
html body.scarlett-account .account-shell{max-width:1240px!important;padding:24px 32px 70px!important}
html body.scarlett-account #signedIn[data-layout]{grid-template-columns:212px minmax(0,1fr)!important;gap:32px}
html body.scarlett-account .account-sidebar{position:sticky;top:24px;padding:16px 12px;border:1px solid #ffffff12;border-radius:20px;gap:10px}
html body.scarlett-account .account-sidebar .account-sidebar-profile{padding:8px 10px 18px!important;border:0;border-bottom:1px solid #ffffff10!important;border-radius:0!important;background:transparent!important}
html body.scarlett-account .account-sidebar .account-tabs{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;gap:4px}
html body.scarlett-account .account-sidebar .account-tabs :is(button,a){border-radius:10px!important;min-height:40px!important;font-size:11px!important;gap:10px}
html body.scarlett-account .account-sidebar .account-tabs [aria-selected=true]{background:linear-gradient(145deg,#ffffff24,#ffffff0c)!important}
html body.scarlett-account .account-content .account-page-title{font-size:26px!important;border:0;margin:0 0 24px}.account-welcome{padding:24px!important}.account-content .account-grid{gap:20px!important}
html body.scarlett-account .account-sidebar .account-side-card{padding:10px 12px!important;min-height:40px!important;height:auto!important}.account-sidebar .account-side-card small{display:none}
html body.scarlett-settings .settings-shell{max-width:1120px!important;padding:24px 32px 64px!important}
html body.scarlett-settings .settings-intro{margin-bottom:28px}.settings-intro h1{font-size:28px!important}.settings-intro p{font-size:12px!important;margin:8px 0!important}
html body.scarlett-settings .settings-shell .settings-grid{display:grid!important;grid-template-columns:212px minmax(0,1fr)!important;gap:32px;padding-top:0!important}
html body.scarlett-settings .settings-nav{padding:16px 12px;border:1px solid #ffffff12;border-radius:20px;background:var(--scarlett-glass);align-self:start;position:sticky;top:24px;backdrop-filter:blur(12px)}.settings-nav a{display:block;padding:12px;border-radius:10px;text-decoration:none;color:#b9c1cc;font-size:11px}.settings-nav a:hover{background:#ffffff09}.settings-content{min-width:0}.settings-reset{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff10}html body.scarlett-settings .settings-content .appearance-section{margin:0 0 20px!important}.settings-content .appearance-section h2{font-size:16px!important;margin-bottom:24px!important}
@media(max-width:1100px){.workspace-frame{grid-template-columns:188px minmax(0,1fr);gap:24px;width:calc(100% - 40px)}html body.scarlett-workspace .workspace-content .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body.scarlett-home main.shell .script-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workspace-frame{display:block;width:calc(100% - 32px);margin-bottom:32px}html body.scarlett-workspace .workspace-nav{display:none;position:relative;top:0;margin-bottom:24px}html body.scarlett-workspace.workspace-menu-open .workspace-nav{display:block}.workspace-menu{display:inline-flex!important;font-size:10px!important;padding:8px 12px!important}html body.scarlett-workspace .scarlett-topbar{flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;margin:16px auto 24px!important}.workspace-content td{padding:14px 10px!important}.workspace-content .panel-header{align-items:flex-start!important}html body.scarlett-workspace .workspace-content .gen-grid{grid-template-columns:1fr!important}html body.scarlett-account #signedIn[data-layout]{grid-template-columns:1fr!important;gap:24px}html body.scarlett-account .account-sidebar{position:relative;top:auto}.account-sidebar .account-tabs [role=tablist]{flex-direction:row;flex-wrap:wrap}html body.scarlett-account .account-sidebar .account-side-card{display:none!important}html body.scarlett-account .account-shell{padding:16px 16px 64px!important}html body.scarlett-settings .settings-shell{padding:20px 16px 40px!important}html body.scarlett-settings .settings-shell .settings-grid{grid-template-columns:1fr!important;gap:20px}.settings-nav{position:relative!important;top:0!important;display:flex;flex-wrap:wrap;padding:8px!important}html body.scarlett-home main.shell{padding:0 16px!important}html body.scarlett-home main.shell .hero{grid-template-columns:1fr!important;min-height:0;padding:36px 0 40px;gap:28px}.hero-art{min-height:200px}html body.scarlett-home main.shell .hero-logo{width:150px;height:150px}html body.scarlett-home main.shell .highlights{grid-template-columns:1fr}html body.scarlett-home main.shell .highlight+.highlight{border-left:0!important;border-top:1px solid #ffffff12!important}html body.scarlett-home main.shell .script-card{min-height:260px!important}html body.scarlett-home main.shell .script-name{font-size:15px!important}html body.scarlett-home main.shell .home-access{grid-template-columns:1fr}}
@media(max-width:420px){html body.scarlett-home main.shell .script-grid{grid-template-columns:1fr}.workspace-content .stats-grid{gap:10px!important}html body.scarlett-workspace .workspace-content .stat-card{padding:16px!important}html body.scarlett-workspace .stat-label{font-size:9px!important}}

html body.has-scarlett-topbar:not(.music-activity){padding-top:0!important}html body:not(.music-activity) .scarlett-topbar{position:sticky!important;top:16px!important;left:auto!important;transform:none!important;margin:24px auto 32px!important;width:max-content;max-width:calc(100% - 32px)}html body .site-bottom-links{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:max-content;margin:48px auto 20px!important;flex-wrap:wrap;justify-content:center;white-space:normal}

/* Remove duplicate framing; give each sidebar group its own surface. */
html body.scarlett-home main.shell .hero-art{border:0!important;background:none!important;border-radius:0!important;box-shadow:none!important}html body.scarlett-home main.shell .hero-logo{width:300px;height:260px;filter:none!important}html body.scarlett-account #scriptPanel.account-card{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}html body.scarlett-account .account-script :is(summary,details,.script-features){background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body.scarlett-account .account-sidebar{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;gap:16px!important}html body.scarlett-account .account-sidebar .account-sidebar-profile{background:none!important;border:0!important;box-shadow:none!important;padding:12px!important;border-radius:0!important}html body.scarlett-account .account-sidebar .account-nav-group,html body.scarlett-account .account-sidebar .account-quick-group{background:var(--scarlett-glass)!important;border:1px solid #ffffff12!important;box-shadow:inset 0 1px #ffffff08!important;backdrop-filter:blur(12px)!important;border-radius:20px!important;padding:10px!important}html body.scarlett-account .account-sidebar .account-nav-group{margin:0!important}html body.scarlett-account .account-sidebar .account-quick-group{display:flex;flex-direction:column;gap:4px}html body.scarlett-account .account-sidebar .account-side-card{display:flex;align-items:center;gap:10px;border:0!important;border-radius:12px!important;box-shadow:none!important;background:transparent!important}html body.scarlett-workspace .workspace-nav .nav-tab-btn::before{display:none!important;content:none!important}html body.scarlett-workspace .workspace-content .stats-grid{border:0!important;box-shadow:none!important}html body.scarlett-workspace .workspace-content .stats-grid::before,html body.scarlett-workspace .workspace-content .stats-grid::after{display:none!important;content:none!important}html body.scarlett-workspace .workspace-content .content-wrap{border-top:0!important}html body .scarlett-nav-icon{display:block!important;width:16px!important;height:16px!important;flex:0 0 16px;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;stroke-linecap:round;stroke-linejoin:round}html body.scarlett-account .account-sidebar .account-tabs :is(button,a){display:flex;align-items:center;gap:10px}

html body.scarlett-workspace .workspace-content .stat-card::after{display:none!important;content:none!important}html body.scarlett-account .account-quick-group .scarlett-nav-icon{margin:0}html body.scarlett-account .account-sidebar-profile::before,html body.scarlett-account .account-sidebar-profile::after{display:none!important;content:none!important}

html body{--text-primary:#d9dce0!important;--text-secondary:#a7adb4!important;--text-muted:#7f858d!important}html body.scarlett-workspace .workspace-actions .btn-logout,html body.scarlett-account .account-sidebar #accountLogout{color:#aeb6c0!important;background:transparent!important;border-color:#ffffff14!important}html body :is(.badge-danger,.badge-dev,.badge-master,.badge-rejected){background:#ffffff08!important;color:#b9c1cc!important;border-color:#ffffff18!important}html body.scarlett-home main.shell .hero-logo{width:240px;height:240px;filter:none!important}

/* Rounded surfaces share the navigation's proportions and glass finish. */
:root{--scarlett-radius-panel:28px;--scarlett-radius-control:999px}
html body :is(.glass-card,.login-card,.card,.stat-card,.feature-card,.modal-content,.gen-card,.script-card,.public-card,.gen-box,.account-card,.account-panel,.account-script,.appearance-section,.ticket-sidebar,.ticket-panel,.support-card,.pricing-card,.faq-item,.home-details,.details,.access>section,.workspace-nav,.settings-nav){border-radius:var(--scarlett-radius-panel)!important;background:var(--scarlett-glass)!important;box-shadow:inset 0 1px #ffffff08!important;overflow-wrap:anywhere}
html body :is(button,.btn,.btn-pill,.btn-submit,.btn-gen-action,.btn-glass-action,.table-btn,.copy,.primary,.nav-tab-btn,.nav-btn-link,.settings-nav a){border-radius:var(--scarlett-radius-control)!important}
html body :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select){border-radius:var(--scarlett-radius-control)!important;min-height:42px}
html body textarea{border-radius:20px!important}
html body :is(.table-responsive,.code,pre){border-radius:20px!important}
html body.scarlett-workspace .workspace-nav :is(.nav-tab-btn,.nav-btn-link),html body.scarlett-account .account-sidebar .account-tabs :is(button,a),html body.scarlett-account .account-sidebar .account-side-card{border-radius:999px!important;padding:11px 14px!important}
html body.scarlett-account .account-sidebar :is(.account-nav-group,.account-quick-group){border-radius:28px!important;padding:12px!important}
html body.scarlett-account #scriptPanel.account-card,html body.scarlett-account .account-script :is(summary,details,.script-features){background:none!important;box-shadow:none!important}
html body.scarlett-workspace .workspace-content .panel-header{display:flex;flex-wrap:wrap;align-items:center!important;gap:12px!important;padding:24px!important}
html body.scarlett-workspace .workspace-content .panel-header h2{margin:0 auto 0 0!important;flex:1 1 220px}
html body.scarlett-workspace .workspace-content .panel-header input{flex:1 1 200px;min-width:0;max-width:320px!important}
html body.scarlett-workspace .workspace-content .panel-header select{flex:0 1 180px;max-width:100%}
html body.scarlett-account .account-content .account-grid{align-items:stretch}
html body.scarlett-settings .settings-content .appearance-section{padding:26px!important}
html body.scarlett-home main.shell .script-card{border-radius:28px!important;padding:24px!important}
@media(max-width:760px){html body.scarlett-workspace .workspace-content .panel-header{padding:20px!important;gap:10px!important}html body.scarlett-workspace .workspace-content .panel-header input{max-width:none!important}html body.scarlett-settings .settings-content .appearance-section{padding:20px!important}}
.scarlett-tooltip{position:fixed;z-index:10000;pointer-events:none;padding:8px 12px;border:1px solid #ffffff20;border-radius:12px;background:#25282dee;backdrop-filter:blur(16px);color:#cbd2dc;font:10px 'Fira Mono',monospace;max-width:260px;box-shadow:0 6px 20px #0004}
html body .scarlett-tooltip{background:linear-gradient(145deg,#32323257,#10101066)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid #ffffff18!important;box-shadow:inset 0 1px #ffffff0c,0 6px 20px #0002!important;border-radius:999px!important;padding:9px 14px!important;color:#cbd2dc!important}
/* Navigation tabs use one identical glass pill in both placements. */
html body :is(.scarlett-topbar .topbar-tab,.workspace-nav .nav-tab-btn,.workspace-nav .nav-btn-link,.account-sidebar .account-tabs button,.account-sidebar .account-tabs a,.account-sidebar .account-side-card){background:linear-gradient(145deg,#32323257,#10101066)!important;border:1px solid #ffffff14!important;border-radius:999px!important;box-shadow:inset 0 1px #ffffff08!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;color:#c5cbd2!important;font-weight:400!important}
html body :is(.scarlett-topbar .topbar-tab[aria-current=page],.workspace-nav .nav-tab-btn.active,.account-sidebar .account-tabs [aria-selected=true]){background:linear-gradient(145deg,#ffffff28,#ffffff12)!important;border-color:#ffffff2b!important;color:#e0e5ea!important}
html body :is(.scarlett-topbar .topbar-tab,.workspace-nav .nav-tab-btn,.workspace-nav .nav-btn-link,.account-sidebar .account-tabs button,.account-sidebar .account-tabs a,.account-sidebar .account-side-card):hover{background:linear-gradient(145deg,#ffffff20,#ffffff0c)!important;border:1px solid #ffffff20!important;box-shadow:inset 0 1px #ffffff08!important}
html body.scarlett-account .account-sidebar .account-tabs{gap:8px!important}html body.scarlett-account .account-sidebar .account-quick-group{gap:8px!important}
html body input[type=range][data-pointer-focus=true]:focus,html body input[type=range][data-pointer-focus=true]:focus-visible{outline:none!important;box-shadow:none!important}
/* Range controls suppress the native outline; keyboard focus remains explicit. */
html body input[type=range]:focus{outline:none!important;box-shadow:none!important}
html body input[type=range]:focus-visible:not([data-pointer-focus=true]){outline:none!important;outline-offset:6px!important}
html body *:focus,html body *:focus-visible{outline:none!important;outline-offset:0!important}
html body input[type=range]:focus-visible:not([data-pointer-focus=true]){outline:none!important}
html body.scarlett-workspace .workspace-nav :is(.nav-tab-btn,.nav-btn-link){transform:none!important;translate:none!important;scale:1!important;margin:6px 0!important;transition:background .18s ease,color .18s ease,border-color .18s ease!important}
html body.scarlett-workspace .workspace-nav .nav-tab-btn.active:hover{background:linear-gradient(145deg,#ffffff28,#ffffff12)!important;border-color:#ffffff2b!important}
html body.scarlett-workspace .workspace-nav .workspace-actions .btn-logout:hover,html body.scarlett-workspace .workspace-nav a[href='/logout']:hover{background:linear-gradient(145deg,#af34462e,#6d1c2920)!important;color:#f2b6bc!important;border-color:#d9576a66!important;box-shadow:0 0 18px #d8465d38,inset 0 1px #f292a024!important}