/* OSIRIS ORBIT UI — structural redesign loaded after all legacy layers. */
:root{--o-bg:#070b17;--o-bg2:#0b1222;--o-panel:#101a30;--o-panel2:#16243d;--o-line:#273959;--o-text:#f7f8ff;--o-muted:#8d9db9;--o-blue:#5688ff;--o-aqua:#26ddd2;--o-orange:#ff8438;--o-gold:#ffd05c;--o-danger:#ff657d;--o-shadow:#02050d;--o-ease:cubic-bezier(.2,.8,.2,1)}
html[data-theme="light"]{--o-bg:#eef3fb;--o-bg2:#e1e9f6;--o-panel:#fff;--o-panel2:#f5f8fd;--o-line:#cbd7e9;--o-text:#10203d;--o-muted:#60708b;--o-shadow:#91a5c4}
*{scrollbar-color:var(--o-blue) var(--o-bg)}html{background:var(--o-bg)}body{min-height:100vh;color:var(--o-text);background:var(--o-bg);font-family:Inter,"Segoe UI",system-ui,sans-serif}body::before{background:radial-gradient(circle at 72% 8%,rgba(86,136,255,.12),transparent 29%),radial-gradient(circle at 22% 88%,rgba(38,221,210,.07),transparent 25%),var(--o-bg);filter:none}body::after{opacity:.22;background-image:linear-gradient(rgba(86,136,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(86,136,255,.12) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent)}

/* Slim command bar */
.topbar{height:66px;margin:0;padding:0 clamp(14px,2.2vw,38px);border:0;border-bottom:1px solid var(--o-line);border-radius:0;color:var(--o-text);background:color-mix(in srgb,var(--o-bg2) 88%,transparent);box-shadow:0 12px 34px rgba(0,0,0,.18);backdrop-filter:blur(24px);animation:oDrop .55s var(--o-ease) both}.brand{gap:11px;color:var(--o-text)}.brand-logo{width:42px;height:42px;padding:2px;border:0;border-radius:12px;background:transparent;box-shadow:none;filter:drop-shadow(0 0 12px rgba(38,221,210,.25))}.brand span{font-size:15px;font-weight:850;letter-spacing:-.02em;text-transform:none}.brand span strong{color:var(--o-aqua)}.header-actions{gap:7px}.status-pill{color:var(--o-muted);background:transparent;border:0;box-shadow:none}.status-dot{background:var(--o-aqua);box-shadow:0 0 12px var(--o-aqua)}.theme-toggle,.support-button,.admin-button,.logout-btn{min-height:38px;padding:0 13px;border:1px solid var(--o-line);border-radius:999px;color:var(--o-text);background:var(--o-panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px rgba(0,0,0,.16);transition:.18s var(--o-ease)}.theme-toggle:hover,.support-button:hover,.admin-button:hover,.logout-btn:hover{transform:translateY(-2px);border-color:var(--o-aqua);background:var(--o-panel2);box-shadow:0 8px 22px rgba(0,0,0,.2),0 0 20px rgba(38,221,210,.1)}.support-button img{width:20px;height:20px;border-radius:6px}.user-identity>span{color:var(--o-muted)}.user-identity>strong{color:var(--o-text)}

main{width:min(100% - 34px,1780px);padding:24px 0 72px}.app{display:grid;grid-template-columns:272px minmax(0,1fr);grid-template-areas:"nav hero" "nav content";gap:18px;align-items:start}

/* Login becomes one cinematic stage with a floating access console */
body:has(.access-shell:not(.hidden)) main{width:min(100% - 32px,1720px);padding:22px 0}.access-shell{position:relative;display:block;min-height:calc(100vh - 110px);overflow:hidden;border:1px solid var(--o-line);border-radius:28px;background:var(--o-panel);box-shadow:0 35px 100px rgba(0,0,0,.42);isolation:isolate}.access-visual{position:absolute;inset:0;min-height:0;background:url('/egypt-temple.webp') center/cover no-repeat}.access-visual::before{background:linear-gradient(90deg,rgba(4,8,20,.2),rgba(4,8,20,.58) 58%,rgba(4,8,20,.94));backdrop-filter:saturate(.8)}.access-visual::after{background:linear-gradient(0deg,rgba(4,8,20,.93),transparent 55%),radial-gradient(circle at 24% 40%,rgba(38,221,210,.13),transparent 28%)}.access-monogram{top:38px;left:42px;padding:8px 14px 8px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,11,23,.6);backdrop-filter:blur(18px)}.access-monogram img{width:44px;height:44px}.access-monogram span{font-size:10px;letter-spacing:.25em}.access-orbit{border-color:rgba(38,221,210,.35);box-shadow:0 0 50px rgba(38,221,210,.08);animation:oOrbit 24s linear infinite}.orbit-two{border-color:rgba(255,132,56,.33);animation-direction:reverse;animation-duration:34s}.access-visual-copy{left:clamp(35px,5vw,82px);right:48%;bottom:130px}.access-visual-copy span{width:max-content;padding:7px 12px;border:0;border-radius:999px;color:#07121e;background:var(--o-aqua);font-size:9px}.access-visual-copy strong{max-width:720px;font-size:clamp(3.6rem,6.7vw,8rem);line-height:.82;letter-spacing:-.075em;text-shadow:0 22px 55px rgba(0,0,0,.55)}.access-platforms{left:clamp(35px,5vw,82px);bottom:46px}.access-platforms span{padding:9px 14px;border-color:rgba(255,255,255,.15);background:rgba(8,15,29,.65);backdrop-filter:blur(12px)}.access-panel{position:absolute;z-index:4;top:50%;right:clamp(25px,5vw,82px);width:min(430px,40vw);min-height:auto;padding:34px;border:1px solid rgba(255,255,255,.15);border-radius:25px;background:rgba(12,20,38,.82);box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(28px);transform:translateY(-50%);animation:oConsole .75s var(--o-ease) both}.access-panel::before{right:-70px;top:-80px;background:var(--o-blue);opacity:.14;filter:blur(25px)}.access-panel-top{color:var(--o-muted)}.access-private{padding:6px 10px;border:1px solid rgba(255,208,92,.28);border-radius:999px;color:var(--o-gold);background:rgba(255,208,92,.06)}.access-heading{margin:42px 0 30px}.access-heading .eyebrow{color:var(--o-aqua)}.access-heading h1{font-size:clamp(3.4rem,5vw,5.8rem);line-height:.8;color:#fff}.access-heading h1 em{color:var(--o-aqua);text-shadow:none;-webkit-text-stroke:0}.access-heading>p:last-child,.access-form small,.access-footer{color:var(--o-muted)}.access-form>label{color:#fff}.access-input{padding:6px 6px 6px 15px;border:1px solid var(--o-line);border-radius:15px;background:rgba(5,10,22,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.access-input:focus-within{border-color:var(--o-aqua);box-shadow:0 0 0 4px rgba(38,221,210,.1)}.access-input input{color:#fff}.access-input button{height:49px;border:0;border-radius:11px;color:#07121e;background:var(--o-aqua);box-shadow:0 9px 24px rgba(38,221,210,.22)}.access-input button:hover{transform:translateY(-2px);background:#55eee5}.access-footer{border-color:var(--o-line)}.access-footer a{color:var(--o-aqua)}

/* Left navigation console */
.tabs{grid-area:nav;position:sticky;top:84px;display:flex;flex-direction:column;gap:7px;min-height:calc(100vh - 108px);margin:0;padding:18px 13px;border:1px solid var(--o-line);border-radius:22px;background:linear-gradient(160deg,var(--o-panel),color-mix(in srgb,var(--o-panel) 80%,var(--o-blue)));box-shadow:0 24px 55px rgba(0,0,0,.23);backdrop-filter:none;animation:oSide .65s var(--o-ease) both}.tabs::before{content:"OSIRIS CONTROL";padding:6px 13px 18px;color:var(--o-muted);font-size:10px;font-weight:800;letter-spacing:.21em}.tabs::after{content:"LIVE ENGINE · ONLINE";margin-top:auto;padding:18px 13px 4px;border-top:1px solid var(--o-line);color:var(--o-aqua);font-size:9px;letter-spacing:.15em}.tabs button{width:100%;min-height:50px;padding:9px 12px;border:1px solid transparent;border-radius:13px;color:var(--o-muted);background:transparent;box-shadow:none;letter-spacing:0;text-align:left;transition:.18s var(--o-ease)}.tabs button:hover{transform:translateX(3px);color:var(--o-text);border-color:var(--o-line);background:rgba(255,255,255,.04);box-shadow:none}.tabs button.active{transform:none;color:#06131d;border-color:transparent;background:var(--o-aqua);box-shadow:0 10px 28px rgba(38,221,210,.2)}.nav-icon{width:27px;height:27px;padding:4px;border-radius:8px;background:rgba(255,255,255,.08);filter:invert(1);opacity:.7}.tabs button.active .nav-icon{background:rgba(255,255,255,.4);filter:none;opacity:1}

/* Asymmetric workspace */
.hero-grid{grid-area:hero;display:grid;grid-template-columns:minmax(0,1.55fr) 290px;gap:18px;animation:oRise .65s .06s var(--o-ease) both}.timer-card,.obs-card,.tab-panel{border:1px solid var(--o-line);color:var(--o-text);background:var(--o-panel);box-shadow:0 24px 55px rgba(0,0,0,.22)}.timer-card{position:relative;min-height:350px;padding:28px 31px 24px;border-radius:25px;overflow:hidden;background:linear-gradient(135deg,var(--o-panel),color-mix(in srgb,var(--o-panel) 76%,var(--o-blue)))!important}.timer-card::before{content:"";position:absolute;right:4%;top:-32%;width:210px;height:210px;border:1px solid rgba(38,221,210,.25);border-radius:42px;background:linear-gradient(135deg,rgba(38,221,210,.08),rgba(86,136,255,.12));box-shadow:inset 0 0 35px rgba(38,221,210,.06);transform:rotate(23deg);animation:oModel 9s ease-in-out infinite}.timer-card::after{content:"LIVE TIME CORE";right:28px;bottom:22px;color:var(--o-muted);opacity:.28;letter-spacing:.2em}.timer-top{color:var(--o-muted)}.timer-top>span:first-child::before{content:"●  ";color:var(--o-aqua);text-shadow:0 0 14px var(--o-aqua)}.pill{padding:7px 11px;border:1px solid rgba(255,208,92,.25);border-radius:999px;color:var(--o-gold);background:rgba(255,208,92,.06)}.timer-display-row{align-items:end;gap:22px}.timer{margin:28px 0 24px;color:var(--preview-text,var(--o-text));font-size:clamp(5rem,9vw,10rem);line-height:.8;font-weight:900;letter-spacing:-.08em;text-shadow:0 15px 35px rgba(0,0,0,.25)}.total-time-card{min-width:175px;margin-bottom:28px;padding:14px 16px;border:1px solid var(--o-line);border-radius:14px;background:rgba(5,10,22,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.total-time-card span{color:var(--o-aqua)}.total-time-card strong{color:var(--o-text)}.total-time-card small{color:var(--o-muted)}.timer-actions{gap:8px;padding:10px;border:1px solid var(--o-line);border-radius:15px;background:rgba(5,10,22,.38)}.custom-time-form,.initial-time-form{border-color:var(--o-line)}.obs-card{position:relative;padding:26px;border-radius:25px;overflow:hidden;background:linear-gradient(160deg,var(--o-panel2),var(--o-panel))}.obs-card::before{content:"OBS SOURCE";display:inline-block;width:max-content;padding:6px 9px;border-radius:999px;color:#11192a;background:var(--o-gold);font-size:9px}.obs-card::after{content:"";position:absolute;right:-55px;bottom:-65px;width:180px;height:180px;border:28px solid rgba(255,132,56,.08);border-radius:50%;animation:oFloat 6s ease-in-out infinite}.obs-card h2{position:relative;z-index:1;color:var(--o-text);font-size:2.25rem;line-height:.95}.obs-card p{position:relative;z-index:1;color:var(--o-muted)}.obs-card .copy-row{position:relative;z-index:1;border-color:var(--o-line)}.obs-card input{color:var(--o-text);border-color:var(--o-line);background:var(--o-bg)}

/* Bento content panels; imagery is a contained design object, never a full duplicated background */
.tab-panel{--scene:url('/egypt-lake.png');position:relative;isolation:isolate;min-height:560px;padding:clamp(28px,3vw,48px);border-radius:25px;overflow:hidden;animation:oRise .42s var(--o-ease) both}.tab-panel::before{content:"";position:absolute;z-index:-1;right:-55px;top:-75px;width:390px;height:270px;border:1px solid var(--o-line);border-radius:42% 58% 62% 38%/48% 35% 65% 52%;background-image:linear-gradient(rgba(7,11,23,.52),rgba(7,11,23,.82)),var(--scene);background-position:center;background-size:cover;opacity:.38;transform:rotate(8deg);animation:oBlob 14s ease-in-out infinite}.tab-panel::after{content:"";position:absolute;z-index:-1;right:42px;top:48px;width:170px;height:170px;border:1px solid rgba(38,221,210,.2);border-radius:50%;box-shadow:0 0 0 22px rgba(86,136,255,.025),0 0 0 44px rgba(255,132,56,.018);animation:oOrbit 24s linear infinite}#rulesTab,#testTab,#historyTab,#multipliersTab,#widgetsTab,#goalsTab,#connectionsTab,#appearanceTab,html[data-theme="dark"] #rulesTab,html[data-theme="dark"] #testTab,html[data-theme="dark"] #historyTab,html[data-theme="dark"] #multipliersTab,html[data-theme="dark"] #widgetsTab,html[data-theme="dark"] #goalsTab,html[data-theme="dark"] #connectionsTab,html[data-theme="dark"] #appearanceTab{background:var(--o-panel)!important;background-image:none!important}#testTab{--scene:url('/egypt-garden.png')}#historyTab{--scene:url('/egypt-house.png')}#multipliersTab{--scene:url('/egypt-temple.webp')}#widgetsTab{--scene:url('/egypt-fields.jpg')}#connectionsTab{--scene:url('/egypt-pyramids.jpg')}#appearanceTab{--scene:url('/egypt-oasis.jpg')}.section-head{position:relative;z-index:1;max-width:72%;padding-bottom:24px;border-color:var(--o-line)}.section-head h2{color:var(--o-text);font-size:clamp(2.35rem,4vw,4.9rem);line-height:.88;letter-spacing:-.06em}.eyebrow,.widget-step,.control-kicker{color:var(--o-aqua);font-size:10px;letter-spacing:.18em}.section-copy{color:var(--o-muted)}

/* Unified modern controls and cards */
label{color:var(--o-muted);font-size:11px;letter-spacing:.03em;text-transform:none}input,select{min-height:46px;border:1px solid var(--o-line);border-radius:12px;color:var(--o-text);background:var(--o-bg2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.16s var(--o-ease)}input:focus,select:focus{transform:translateY(-1px);border-color:var(--o-aqua);box-shadow:0 0 0 4px rgba(38,221,210,.09)}button,.admin-button,.logout-btn,.support-button{min-height:42px;border:1px solid var(--o-line);border-radius:12px;color:var(--o-text);background:var(--o-panel2);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px rgba(0,0,0,.15);font-weight:800;transition:.16s var(--o-ease)}button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--o-blue);background:color-mix(in srgb,var(--o-panel2) 86%,var(--o-blue));box-shadow:0 10px 24px rgba(0,0,0,.2)}button:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 5px rgba(0,0,0,.2)}.primary,html[data-theme="dark"] .primary,html[data-theme="light"] .primary{color:#06131d!important;border-color:transparent!important;background:var(--o-aqua)!important;box-shadow:0 10px 24px rgba(38,221,210,.2)!important}.primary:hover:not(:disabled),html[data-theme="dark"] .primary:hover:not(:disabled),html[data-theme="light"] .primary:hover:not(:disabled){color:#06131d!important;background:#54eee5!important;box-shadow:0 13px 30px rgba(38,221,210,.3)!important}.danger{color:var(--o-danger);border-color:rgba(255,101,125,.3);background:rgba(255,101,125,.07)}.danger:hover:not(:disabled){color:#fff;border-color:var(--o-danger);background:#a52f48}.rule-form,.multiplier-control,.multiplier-schedule-form,.hype-train-card,.wheel-form,.wheel-preview-card,.wheel-history-section,.goal-form,.goal-help-card,.goal-card,.appearance-group,.tiktok-connect-card{border:1px solid var(--o-line);border-radius:18px;background:var(--o-panel2);box-shadow:0 14px 32px rgba(0,0,0,.13)}.rule-form{gap:12px;padding:18px;border-left:1px solid var(--o-line)}.rule-platform-card,.rule-item,.history-item,.connections article,.result-box,.multiplier-schedule,.wheel-history-item{border:1px solid var(--o-line);border-radius:17px;background:color-mix(in srgb,var(--o-bg2) 82%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.12);transition:.2s var(--o-ease)}.rule-platform-card:hover,.connections article:hover{transform:translateY(-4px) perspective(700px) rotateX(1deg);border-color:color-mix(in srgb,var(--o-aqua) 60%,var(--o-line));box-shadow:0 20px 38px rgba(0,0,0,.2)}.rule-platform-card>header{border-color:var(--o-line)}.platform-empty,.rule-main span,.history-item span,.connections p,.note,.result-box{color:var(--o-muted)}.platform{border:1px solid var(--o-line);border-radius:13px;box-shadow:0 8px 18px rgba(0,0,0,.18)}.tag,.widget-status,.multiplier-now{border-radius:999px}.tag{color:var(--o-aqua);border-color:rgba(38,221,210,.28);background:rgba(38,221,210,.07)}.connections{gap:14px}.connections article{min-height:190px}.appearance-step,.wheel-history-icon{color:#10182a;background:var(--o-gold);box-shadow:none}.goal-progress,.tiktok-capacity-track{border:1px solid var(--o-line);background:var(--o-bg)}.goal-progress i,.tiktok-capacity-track i{background:linear-gradient(90deg,var(--o-blue),var(--o-aqua));box-shadow:0 0 18px rgba(38,221,210,.35)}.mini-wheel-wrap{filter:drop-shadow(0 18px 25px rgba(0,0,0,.3));transition:.3s var(--o-ease)}.mini-wheel-wrap:hover{transform:rotate(4deg) scale(1.02)}.toast{border:1px solid var(--o-aqua);border-radius:14px;color:#07121e;background:var(--o-aqua);box-shadow:0 18px 45px rgba(0,0,0,.28)}

@keyframes oDrop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes oRise{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes oSide{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}@keyframes oConsole{from{opacity:0;transform:translate(35px,-50%) scale(.96)}to{opacity:1;transform:translate(0,-50%) scale(1)}}@keyframes oOrbit{to{transform:rotate(360deg)}}@keyframes oFloat{50%{transform:translateY(-12px) rotate(8deg)}}@keyframes oModel{50%{transform:translateY(20px) rotate(42deg) scale(1.04)}}@keyframes oBlob{50%{border-radius:58% 42% 38% 62%/36% 58% 42% 64%;transform:rotate(-3deg) translateY(12px)}}

@media(max-width:1180px){.app{grid-template-columns:220px minmax(0,1fr)}.hero-grid{grid-template-columns:1fr}.obs-card{min-height:220px}.access-panel{width:min(410px,44vw)}.connections{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){main,body:has(.access-shell:not(.hidden)) main{width:calc(100% - 20px)}.app{grid-template-columns:1fr;grid-template-areas:"hero" "nav" "content"}.tabs{top:76px;flex-direction:row;min-height:0;overflow-x:auto;padding:10px;border-radius:17px}.tabs::before,.tabs::after{display:none}.tabs button{min-width:max-content;width:auto}.tabs button:hover{transform:translateY(-2px)}.hero-grid{gap:12px}.timer-card,.obs-card,.tab-panel{border-radius:20px}.access-visual-copy{right:45%}.access-panel{right:22px;width:430px}.connections{grid-template-columns:1fr}}
@media(max-width:700px){.topbar{height:auto;min-height:62px;padding:8px 10px}.header-actions{justify-content:flex-end}.status-pill,.support-button span,.theme-toggle #themeLabel,.user-identity,.brand span{display:none}.session-menu{display:flex!important}.session-menu.hidden{display:none!important}.admin-button span,.logout-btn span{display:none}.admin-button,.logout-btn,.support-button,.theme-toggle{width:40px;padding:0}.access-shell{display:flex;flex-direction:column;min-height:0;border-radius:21px}.access-visual{position:relative;min-height:470px}.access-visual::before{background:linear-gradient(0deg,rgba(4,8,20,.88),rgba(4,8,20,.18))}.access-visual-copy{left:23px;right:23px;bottom:95px}.access-visual-copy strong{font-size:3.15rem}.access-monogram,.access-platforms{left:23px}.access-panel{position:relative;top:auto;right:auto;width:auto;margin:-34px 12px 12px;padding:28px 20px;transform:none;animation:oRise .65s var(--o-ease) both}.access-heading h1{font-size:3.6rem}.access-input{grid-template-columns:auto 1fr}.access-input button{grid-column:1/-1;width:100%}.access-key-icon{display:none}.timer-card{padding:22px 16px}.timer-display-row{align-items:stretch;flex-direction:column}.timer{font-size:clamp(3.35rem,17vw,5.4rem)}.total-time-card{width:max-content;margin:-5px 0 18px}.timer-actions{padding:8px}.custom-time-form,.initial-time-form{grid-template-columns:1fr}.tab-panel{padding:25px 16px}.tab-panel::before{width:270px;height:210px;opacity:.2}.section-head{max-width:100%}.rules-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v3 — restored cinematic panel scenes and expanded login console */
.access-visual-copy{right:49%}
.access-platforms{gap:7px;flex-wrap:wrap;max-width:52%}
.access-platforms span{padding:9px 13px}
.access-panel{right:18px;width:min(520px,44vw);padding:38px 40px}
.tab-panel{background-color:var(--o-panel)!important;background-image:linear-gradient(90deg,var(--o-panel) 0%,rgba(16,26,48,.96) 36%,rgba(16,26,48,.68) 70%,rgba(16,26,48,.82) 100%),var(--scene)!important;background-position:center!important;background-size:cover!important}
.tab-panel::before{inset:0;right:auto;top:auto;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(125deg,rgba(86,136,255,.08),transparent 36%,rgba(38,221,210,.07));opacity:1;transform:none;animation:none}
#rulesTab,#testTab,#historyTab,#multipliersTab,#widgetsTab,#goalsTab,#connectionsTab,#appearanceTab,html[data-theme="dark"] #rulesTab,html[data-theme="dark"] #testTab,html[data-theme="dark"] #historyTab,html[data-theme="dark"] #multipliersTab,html[data-theme="dark"] #widgetsTab,html[data-theme="dark"] #goalsTab,html[data-theme="dark"] #connectionsTab,html[data-theme="dark"] #appearanceTab{background-color:var(--o-panel)!important;background-image:linear-gradient(90deg,var(--o-panel) 0%,rgba(16,26,48,.96) 36%,rgba(16,26,48,.68) 70%,rgba(16,26,48,.82) 100%),var(--scene)!important;background-position:center!important;background-size:cover!important}
html[data-theme="light"] .tab-panel{background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 38%,rgba(238,243,251,.7) 72%,rgba(238,243,251,.86) 100%),var(--scene)!important}
@media(max-width:1180px) and (min-width:901px){.access-panel{width:min(470px,46vw);padding:34px}}
@media(max-width:900px) and (min-width:701px){.access-panel{right:16px;width:min(460px,52vw)}}
@media(max-width:700px){.access-panel{width:auto;padding:28px 20px}.access-platforms{max-width:calc(100% - 46px)}.tab-panel{background-image:linear-gradient(rgba(16,26,48,.9),rgba(16,26,48,.82)),var(--scene)!important}}

/* v4 — cleaner Spanish interface without decorative numbering */
.access-panel-top{justify-content:flex-end}
.access-heading .eyebrow{font-size:11px;letter-spacing:.14em}
.access-visual-copy span{padding:8px 14px;background:linear-gradient(90deg,var(--o-aqua),#64eee2);letter-spacing:.16em;box-shadow:0 8px 24px rgba(38,221,210,.2)}
.tabs::before{content:"PANEL OSIRIS";letter-spacing:.16em}
.tabs::after{display:none;content:none}
.timer-card::after{content:none!important}
.obs-card::before{content:"FUENTE PARA OBS"}
.widget-step{letter-spacing:.12em}

/* v5 — wide cockpit layout, warmer Osiris palette and accessible type scale */
:root{--o-bg:#0b0d1b;--o-bg2:#11152a;--o-panel:#171b31;--o-panel2:#211f38;--o-line:#3b4268;--o-text:#fff8eb;--o-muted:#b9b8c9;--o-blue:#667cff;--o-aqua:#3bd7bd;--o-orange:#ff8656;--o-gold:#f4c866;--o-danger:#ff6f82;--o-shadow:#03040b}
html[data-theme="light"]{--o-bg:#f3eee4;--o-bg2:#e9e2d6;--o-panel:#fffaf1;--o-panel2:#f4ede4;--o-line:#cfc4b6;--o-text:#211c2e;--o-muted:#665f70;--o-shadow:#a89d91}
body{font-size:16px;line-height:1.58;background:var(--o-bg)}
body::before{background:radial-gradient(circle at 8% 18%,rgba(102,124,255,.13),transparent 30%),radial-gradient(circle at 88% 72%,rgba(255,134,86,.09),transparent 28%),linear-gradient(145deg,var(--o-bg),color-mix(in srgb,var(--o-bg) 88%,#252044))}
body::after{background-size:96px 96px;opacity:.13}
main{width:min(100% - 40px,1700px);padding-top:20px}
.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"nav" "hero" "content";gap:18px}
.tabs{grid-area:nav;top:76px;min-height:0;display:grid;grid-template-columns:repeat(8,minmax(125px,1fr));gap:8px;padding:9px;border-radius:18px;background:rgba(23,27,49,.88);box-shadow:0 16px 38px rgba(0,0,0,.2);backdrop-filter:blur(20px);overflow-x:auto}
.tabs::before,.tabs::after{display:none;content:none}
.tabs button{justify-content:center;min-width:125px;min-height:55px;padding:9px 12px;text-align:center;border-radius:12px;font-size:13px;letter-spacing:0}
.tabs button:hover{transform:translateY(-2px);background:rgba(255,255,255,.065)}
.tabs button.active{position:relative;overflow:hidden;color:#161326;background:linear-gradient(135deg,var(--o-gold),var(--o-orange));box-shadow:0 10px 24px rgba(255,134,86,.2)}
.tabs button.active::after{content:"";position:absolute;inset:-80% auto -80% -30%;width:35%;background:rgba(255,255,255,.42);transform:rotate(18deg);animation:oTabShine 3.8s ease-in-out infinite}
.nav-icon{width:29px;height:29px}.tabs button.active .nav-icon{background:rgba(255,255,255,.3)}
.hero-grid{grid-area:hero;grid-template-columns:minmax(0,1.65fr) minmax(350px,.55fr);gap:18px}
.timer-card{min-height:365px;background:linear-gradient(125deg,#171b31 0%,#202244 56%,#2b2040 100%)!important}
.timer-card::before{right:7%;top:-46%;width:280px;height:280px;border-color:rgba(244,200,102,.28);background:linear-gradient(135deg,rgba(102,124,255,.14),rgba(255,134,86,.1));animation:oPrism 10s ease-in-out infinite}
.timer{font-family:"Arial Black",Inter,"Segoe UI",sans-serif;font-size:clamp(5.4rem,9.5vw,10.8rem);letter-spacing:-.075em}
.timer-top,.pill{font-size:12px}.total-time-card span{font-size:11px;letter-spacing:.1em}.total-time-card small{font-size:12px}.total-time-card strong{font-size:28px}
.timer-actions{gap:10px;padding:14px;background:rgba(5,7,18,.34)}
.initial-time-form{gap:12px;padding-top:16px}.initial-time-copy{gap:4px}.initial-time-copy strong{color:var(--o-text);font-family:Inter,"Segoe UI",sans-serif;font-size:15px;font-weight:850;letter-spacing:-.01em;text-transform:none}.initial-time-copy small{color:var(--o-muted);font-size:12px;line-height:1.45}.initial-time-form label,.custom-time-form label{color:var(--o-text);font-family:Inter,"Segoe UI",sans-serif;font-size:13px;letter-spacing:0;text-transform:none}
.obs-card{padding:30px;background:linear-gradient(145deg,#211f38,#171b31)}.obs-card::before{font-size:11px;letter-spacing:.08em}.obs-card h2{font-size:clamp(1.75rem,2.3vw,2.65rem);line-height:1.06;text-wrap:balance}.obs-card p{font-size:14px;line-height:1.65}
.tab-panel{min-height:540px;padding:clamp(30px,3.5vw,56px);border-radius:26px}
.section-head{max-width:none;align-items:center;gap:28px;padding-bottom:26px}.section-head>div{min-width:0}.section-head h2{max-width:none;color:var(--o-text);font-family:Inter,"Segoe UI",sans-serif;font-size:clamp(2rem,3.1vw,3.65rem);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.section-copy{max-width:780px;font-size:15px;line-height:1.65}.eyebrow,.widget-step,.control-kicker{font-size:12px;letter-spacing:.11em}
label,.rule-form label,.goal-form label,.wheel-form label{color:var(--o-text);font-size:13px;line-height:1.4}input,select{min-height:49px;font-size:15px}button,.admin-button,.logout-btn,.support-button{min-height:45px;font-size:14px}
.rule-form,.multiplier-control,.multiplier-schedule-form,.hype-train-card,.wheel-form,.wheel-preview-card,.wheel-history-section,.goal-form,.goal-help-card,.goal-card,.appearance-group,.tiktok-connect-card{padding:22px;border-color:color-mix(in srgb,var(--o-line) 82%,transparent);background:rgba(33,31,56,.84);box-shadow:0 18px 40px rgba(0,0,0,.16)}
.rule-platform-card,.rule-item,.history-item,.connections article,.result-box,.multiplier-schedule,.wheel-history-item{background:rgba(17,21,42,.8)}
.rule-main span,.history-item span,.connections p,.note,.result-box,.platform-empty{font-size:13px;line-height:1.55}
.widget-step{font-size:13px}.widget-toggle small,.wheel-preview-card>p,.appearance-group legend small,.field-help,.appearance-check .check-row small{font-size:12px;line-height:1.5}.appearance-group legend{font-size:17px}.appearance-check .check-row strong{font-size:14px}.widget-status,.goal-state{font-size:11px}.hype-state small{font-size:10px}.hype-state strong{font-size:14px}.hype-state span{font-size:11px}.tiktok-connect-head p{font-size:12px;line-height:1.45}.tiktok-connect-form label{font-size:12px}
.connections{grid-template-columns:repeat(2,minmax(0,1fr))}.connections article{min-height:170px;padding:22px}
.rules-list{grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px}
.tab-panel:not(.hidden){animation:oPanelReveal .55s var(--o-ease) both}.tab-panel:not(.hidden)>*{animation:oContentLift .65s .08s var(--o-ease) both}
.rule-platform-card,.connections article,.goal-card,.appearance-group,.wheel-form,.wheel-preview-card{transform-style:preserve-3d}.rule-platform-card:hover,.connections article:hover,.goal-card:hover,.appearance-group:hover{transform:perspective(900px) translateY(-5px) rotateX(1.2deg);border-color:var(--o-gold);box-shadow:0 24px 45px rgba(0,0,0,.23),0 0 0 1px rgba(244,200,102,.08)}
@keyframes oTabShine{0%,55%{transform:translateX(-80px) rotate(18deg)}85%,100%{transform:translateX(260px) rotate(18deg)}}
@keyframes oPrism{0%,100%{transform:rotate(18deg) translateY(0)}50%{transform:rotate(42deg) translateY(24px) scale(1.06)}}
@keyframes oPanelReveal{from{opacity:0;clip-path:inset(0 0 100% 0 round 26px);transform:translateY(14px)}to{opacity:1;clip-path:inset(0 0 0 0 round 26px);transform:none}}
@keyframes oContentLift{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.tabs{grid-template-columns:repeat(8,minmax(120px,1fr))}.hero-grid{grid-template-columns:1fr}.obs-card{min-height:230px}.rules-list{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:800px){main{width:calc(100% - 20px)}.tabs{display:flex}.tabs button{flex:0 0 auto}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:clamp(2rem,8vw,3rem)}.connections,.rules-list{grid-template-columns:1fr}.rule-form{grid-template-columns:1fr 1fr}.widget-layout,.goals-layout{grid-template-columns:1fr}.wheel-preview-card{position:relative;top:auto}}
@media(max-width:560px){.tab-panel{padding:26px 17px}.rule-form{grid-template-columns:1fr}.timer{font-size:clamp(3.25rem,17vw,5.2rem)}.initial-time-copy strong{font-size:14px}}
html[data-theme="dark"] .tabs{background:rgba(23,27,49,.9);border-color:var(--o-line)}
html[data-theme="dark"] .rule-form,html[data-theme="dark"] .multiplier-control,html[data-theme="dark"] .multiplier-schedule-form,html[data-theme="dark"] .hype-train-card,html[data-theme="dark"] .wheel-form,html[data-theme="dark"] .wheel-preview-card,html[data-theme="dark"] .wheel-history-section,html[data-theme="dark"] .goal-form,html[data-theme="dark"] .goal-card,html[data-theme="dark"] .appearance-group{border-color:var(--o-line);background:rgba(33,31,56,.86)}
html[data-theme="light"] .tabs{background:rgba(255,250,241,.9)}
html[data-theme="light"] .rule-form,html[data-theme="light"] .multiplier-control,html[data-theme="light"] .multiplier-schedule-form,html[data-theme="light"] .hype-train-card,html[data-theme="light"] .wheel-form,html[data-theme="light"] .wheel-preview-card,html[data-theme="light"] .wheel-history-section,html[data-theme="light"] .goal-form,html[data-theme="light"] .goal-card,html[data-theme="light"] .appearance-group{border-color:var(--o-line);background:rgba(255,250,241,.9)}
.primary,html[data-theme="dark"] .primary,html[data-theme="light"] .primary{color:#1a1420!important;border-color:transparent!important;background:linear-gradient(135deg,var(--o-gold),var(--o-orange))!important;box-shadow:0 10px 25px rgba(255,134,86,.2)!important}.primary:hover:not(:disabled),html[data-theme="dark"] .primary:hover:not(:disabled),html[data-theme="light"] .primary:hover:not(:disabled){color:#1a1420!important;background:linear-gradient(135deg,#ffe099,#ff9a70)!important;box-shadow:0 14px 30px rgba(255,134,86,.3)!important}
.eyebrow,.widget-step,.control-kicker{color:var(--o-gold)}
.access-visual::before{background:linear-gradient(90deg,rgba(11,9,26,.18),rgba(20,14,38,.58) 58%,rgba(16,13,32,.96));backdrop-filter:saturate(.86)}
.access-panel{background:rgba(24,20,43,.88)}.access-heading .eyebrow{color:var(--o-gold)}.access-heading h1 em{color:var(--o-orange)}.access-visual-copy span{background:linear-gradient(90deg,var(--o-gold),var(--o-orange));box-shadow:0 8px 25px rgba(255,134,86,.22)}

/* v6 — collapsible sliding side navigation */
.app{grid-template-columns:250px minmax(0,1fr);grid-template-areas:"nav hero" "nav content";transition:grid-template-columns .38s var(--o-ease)}
.app.nav-collapsed{grid-template-columns:78px minmax(0,1fr)}
.tabs{grid-area:nav;top:82px;display:flex;flex-direction:column;gap:7px;min-height:calc(100vh - 106px);padding:11px;overflow:hidden;border-radius:20px;background:rgba(23,27,49,.9);transition:width .38s var(--o-ease),padding .38s var(--o-ease)}
.tabs button{flex:0 0 auto;width:100%;min-width:0;min-height:52px;justify-content:flex-start;padding:9px 12px;text-align:left;white-space:nowrap}
.tabs button:hover{transform:translateX(3px)}
.tabs button.active{background:linear-gradient(135deg,var(--o-gold),var(--o-orange))}
.tabs button.active::after{display:none}
.tabs .nav-toggle{display:flex;align-items:center;gap:12px;margin-bottom:7px;border-color:rgba(244,200,102,.22);color:var(--o-gold);background:rgba(244,200,102,.06);box-shadow:none}
.tabs .nav-toggle b{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid currentColor;border-radius:9px;font-size:17px;line-height:1}
.tabs .nav-toggle span,.tabs button[data-tab] span{overflow:hidden;opacity:1;transition:opacity .2s,width .35s var(--o-ease)}
.app.nav-collapsed .tabs{padding-inline:10px}.app.nav-collapsed .tabs button{justify-content:center;padding-inline:8px}.app.nav-collapsed .tabs .nav-toggle span,.app.nav-collapsed .tabs button[data-tab] span{width:0;opacity:0}.app.nav-collapsed .nav-icon{flex:0 0 29px}
.app.nav-collapsed .tabs button{gap:0}.app.nav-collapsed .tabs button[data-tab] span,.app.nav-collapsed .tabs .nav-toggle span{display:none}.app.nav-collapsed .tabs button[data-tab] .nav-icon{margin:0!important;transform:none;justify-self:center}

/* v8 — legibility and contrast pass */
button,.admin-button,.logout-btn,.support-button{min-height:48px;padding:11px 17px;font-size:15px;font-weight:850;line-height:1.2}
.primary,html[data-theme="dark"] .primary,html[data-theme="light"] .primary{font-size:15px!important;font-weight:950!important;letter-spacing:-.01em}
.obs-card::before{padding:8px 12px;color:#21182b!important;background:linear-gradient(135deg,#ffe08a,var(--o-gold));font-size:13px;font-weight:950;letter-spacing:.045em;text-shadow:none}
label,.rule-form label,.goal-form label,.wheel-form label,.initial-time-form label,.custom-time-form label{font-size:14px;font-weight:750}
.eyebrow,.widget-step,.control-kicker{font-size:13px;font-weight:900;line-height:1.4}
.pill,.tag,.widget-status,.multiplier-now{font-size:12px;font-weight:900;line-height:1.25;letter-spacing:.055em}
.access-private{color:#241a2a;background:linear-gradient(135deg,#ffe08a,var(--o-gold));border-color:transparent;font-size:11px;font-weight:950;text-shadow:none}.access-private i{background:#7c5710;box-shadow:none}
.appearance-step,.wheel-history-icon{color:#21182b!important;font-size:13px;font-weight:950}
.section-copy,.connections p,.note,.result-box,.platform-empty,.rule-main span,.history-item span{font-size:14px;line-height:1.6}
.field-help,.appearance-group legend small,.appearance-check .check-row small,.widget-toggle small,.wheel-preview-card>p{font-size:13px;color:color-mix(in srgb,var(--o-muted) 92%,white);line-height:1.55}
.total-time-card span{font-size:12px}.total-time-card small{font-size:13px}.initial-time-copy strong{font-size:16px}.initial-time-copy small{font-size:13px}
.tabs button{font-size:14px}.tabs .nav-toggle{font-size:14px}
@media(max-width:560px){button,.admin-button,.logout-btn,.support-button{font-size:14px}.obs-card::before{font-size:12px}}

/* v9 — supplied menu, play and pause icons */
.counter-control{display:inline-flex;align-items:center;justify-content:center;gap:9px}.control-button-icon{width:19px;height:19px;flex:0 0 19px;object-fit:contain}.counter-control.primary .control-button-icon{filter:none}html[data-theme="dark"] #pauseBtn .control-button-icon{filter:invert(1)}html[data-theme="light"] #pauseBtn .control-button-icon{filter:none}
.tabs .nav-toggle b{overflow:hidden;padding:5px}.tabs .nav-toggle b img{display:block;width:100%;height:100%;object-fit:contain;filter:invert(87%) sepia(52%) saturate(660%) hue-rotate(342deg) brightness(103%)}html[data-theme="light"] .tabs .nav-toggle b img{filter:none}

/* v10 — image-gradient panels stay clean and static */
.tab-panel::before,.tab-panel::after{display:none!important;content:none!important;animation:none!important}
.tab-panel:not(.hidden),.tab-panel:not(.hidden)>*{animation:none!important}

/* v11 — Nilo palette: one coherent action color across the entire product */
:root{--o-bg:#06110f;--o-bg2:#0a1b17;--o-panel:#0e241f;--o-panel2:#153129;--o-line:#285047;--o-text:#f4f1df;--o-muted:#a7b9b0;--o-blue:#42d9d2;--o-aqua:#42d9d2;--o-orange:#e8c65a;--o-gold:#e8c65a;--o-danger:#ff7180;--o-shadow:#020806}
html[data-theme="light"]{--o-bg:#eaf2e8;--o-bg2:#dce9df;--o-panel:#f8f8eb;--o-panel2:#edf4e8;--o-line:#b8d0c5;--o-text:#183b34;--o-muted:#5d756c;--o-blue:#168f8b;--o-aqua:#168f8b;--o-orange:#9b791f;--o-gold:#9b791f;--o-shadow:#9caf9f}
body{color:var(--o-text);background:var(--o-bg)}body::before{background:radial-gradient(circle at 12% 18%,rgba(66,217,210,.1),transparent 29%),radial-gradient(circle at 88% 76%,rgba(232,198,90,.055),transparent 25%),linear-gradient(145deg,var(--o-bg),#071713)}body::after{background-image:linear-gradient(rgba(66,217,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(66,217,210,.08) 1px,transparent 1px)}
.topbar{color:var(--o-text);border-color:var(--o-line);background:rgba(6,17,15,.91)}html[data-theme="light"] .topbar{background:rgba(248,248,235,.91)}
.theme-toggle,.support-button,.admin-button,.logout-btn,button{color:var(--o-text);border-color:var(--o-line);background:var(--o-panel2);box-shadow:inset 0 1px rgba(255,255,255,.055),0 7px 17px rgba(0,0,0,.16)}
.theme-toggle:hover,.support-button:hover,.admin-button:hover,.logout-btn:hover,button:hover:not(:disabled){color:var(--o-text);border-color:var(--o-aqua);background:color-mix(in srgb,var(--o-panel2) 88%,var(--o-aqua));box-shadow:0 10px 24px rgba(0,0,0,.2),0 0 0 1px rgba(66,217,210,.08)}
.primary,html[data-theme="dark"] .primary,html[data-theme="light"] .primary{color:#061411!important;border-color:var(--o-aqua)!important;background:var(--o-aqua)!important;box-shadow:0 9px 22px rgba(66,217,210,.2)!important}.primary:hover:not(:disabled),html[data-theme="dark"] .primary:hover:not(:disabled),html[data-theme="light"] .primary:hover:not(:disabled){color:#061411!important;border-color:#72ebe5!important;background:#62e5df!important;box-shadow:0 12px 28px rgba(66,217,210,.3)!important}
.danger{color:#ff9da8;border-color:rgba(255,113,128,.34);background:rgba(255,113,128,.075)}.danger:hover:not(:disabled){color:#fff;border-color:var(--o-danger);background:#a93646}
.tabs,html[data-theme="dark"] .tabs{border-color:var(--o-line);background:rgba(14,36,31,.94)}html[data-theme="light"] .tabs{background:rgba(248,248,235,.94)}.tabs button{color:var(--o-muted);background:transparent;box-shadow:none}.tabs button:hover{color:var(--o-text);background:rgba(66,217,210,.075)}.tabs button.active{color:#061411;background:var(--o-aqua);box-shadow:0 9px 22px rgba(66,217,210,.19)}.tabs .nav-toggle{color:var(--o-aqua);border-color:rgba(66,217,210,.27);background:rgba(66,217,210,.065)}.tabs .nav-toggle b img{filter:invert(78%) sepia(58%) saturate(533%) hue-rotate(125deg) brightness(96%)}
.timer-card{border-color:var(--o-line);background:linear-gradient(125deg,#0e241f 0%,#12302a 58%,#15382f 100%)!important}.timer-card::before{border-color:rgba(66,217,210,.22);background:linear-gradient(135deg,rgba(66,217,210,.1),rgba(232,198,90,.045))}.timer-actions{border-color:var(--o-line);background:rgba(2,12,10,.34)}.total-time-card{border-color:var(--o-line);background:rgba(3,16,13,.48)}
.obs-card{border-color:var(--o-line);background:linear-gradient(145deg,var(--o-panel2),var(--o-panel))}.obs-card::before{color:#10231e!important;background:var(--o-gold)}.obs-card::after{border-color:rgba(66,217,210,.075)}
.tab-panel,#rulesTab,#testTab,#historyTab,#multipliersTab,#widgetsTab,#goalsTab,#connectionsTab,#appearanceTab,html[data-theme="dark"] #rulesTab,html[data-theme="dark"] #testTab,html[data-theme="dark"] #historyTab,html[data-theme="dark"] #multipliersTab,html[data-theme="dark"] #widgetsTab,html[data-theme="dark"] #goalsTab,html[data-theme="dark"] #connectionsTab,html[data-theme="dark"] #appearanceTab{border-color:var(--o-line);background-color:var(--o-panel)!important;background-image:linear-gradient(90deg,var(--o-panel) 0%,rgba(14,36,31,.97) 37%,rgba(14,36,31,.7) 72%,rgba(14,36,31,.84) 100%),var(--scene)!important}
html[data-theme="light"] .tab-panel{background-color:var(--o-panel)!important;background-image:linear-gradient(90deg,rgba(248,248,235,.99) 0%,rgba(248,248,235,.95) 38%,rgba(234,242,232,.72) 72%,rgba(234,242,232,.88) 100%),var(--scene)!important}
.rule-form,.multiplier-control,.multiplier-schedule-form,.hype-train-card,.wheel-form,.wheel-preview-card,.wheel-history-section,.goal-form,.goal-help-card,.goal-card,.appearance-group,.tiktok-connect-card,html[data-theme="dark"] .rule-form,html[data-theme="dark"] .multiplier-control,html[data-theme="dark"] .multiplier-schedule-form,html[data-theme="dark"] .hype-train-card,html[data-theme="dark"] .wheel-form,html[data-theme="dark"] .wheel-preview-card,html[data-theme="dark"] .wheel-history-section,html[data-theme="dark"] .goal-form,html[data-theme="dark"] .goal-card,html[data-theme="dark"] .appearance-group{color:var(--o-text);border-color:var(--o-line);background:rgba(21,49,41,.88)}
html[data-theme="light"] .rule-form,html[data-theme="light"] .multiplier-control,html[data-theme="light"] .multiplier-schedule-form,html[data-theme="light"] .hype-train-card,html[data-theme="light"] .wheel-form,html[data-theme="light"] .wheel-preview-card,html[data-theme="light"] .wheel-history-section,html[data-theme="light"] .goal-form,html[data-theme="light"] .goal-card,html[data-theme="light"] .appearance-group{color:var(--o-text);border-color:var(--o-line);background:rgba(248,248,235,.92)}
.rule-platform-card,.rule-item,.history-item,.connections article,.result-box,.multiplier-schedule,.wheel-history-item{color:var(--o-text);border-color:var(--o-line);background:rgba(8,27,23,.82)}html[data-theme="light"] .rule-platform-card,html[data-theme="light"] .rule-item,html[data-theme="light"] .history-item,html[data-theme="light"] .connections article,html[data-theme="light"] .result-box{background:rgba(237,244,232,.9)}
.eyebrow,.widget-step,.control-kicker{color:var(--o-aqua)}.pill,.tag,.widget-status,.multiplier-now{color:var(--o-aqua);border-color:rgba(66,217,210,.3);background:rgba(66,217,210,.075)}.appearance-step,.wheel-history-icon{color:#10231e!important;background:var(--o-gold)}
input,select{color:var(--o-text);border-color:var(--o-line);background:var(--o-bg2)}input:focus,select:focus{border-color:var(--o-aqua);box-shadow:0 0 0 4px rgba(66,217,210,.1)}
.access-visual::before{background:linear-gradient(90deg,rgba(3,15,12,.16),rgba(4,24,19,.57) 58%,rgba(4,20,17,.96))}.access-panel{background:rgba(7,29,24,.9)}.access-heading .eyebrow{color:var(--o-aqua)}.access-heading h1 em{color:var(--o-aqua)}.access-private{color:#12231e;background:var(--o-gold)}

/* v12 — remove every legacy multicolor button gradient */
html[data-theme="dark"] .tabs button.active,html[data-theme="light"] .tabs button.active,.tabs button.active{color:#061411!important;border-color:var(--o-aqua)!important;background-color:var(--o-aqua)!important;background-image:none!important;box-shadow:0 9px 22px rgba(66,217,210,.2)!important}
html[data-theme="dark"] .admin-button,html[data-theme="light"] .admin-button,.admin-button,html[data-theme="dark"] .obs-card #copyBtn,html[data-theme="light"] .obs-card #copyBtn,.obs-card #copyBtn,html[data-theme="dark"] .access-input button,html[data-theme="light"] .access-input button,.access-input button,.widget-overlay-link #copyWheelBtn,#copyGoalsOverlayBtn{color:#061411!important;border-color:var(--o-aqua)!important;background-color:var(--o-aqua)!important;background-image:none!important;box-shadow:0 9px 22px rgba(66,217,210,.2)!important}
html[data-theme="dark"] .primary,html[data-theme="light"] .primary,.primary{color:#061411!important;border-color:var(--o-aqua)!important;background-color:var(--o-aqua)!important;background-image:none!important}
html[data-theme="dark"] .admin-button:hover,html[data-theme="light"] .admin-button:hover,.admin-button:hover,.obs-card #copyBtn:hover:not(:disabled),.access-input button:hover:not(:disabled),.widget-overlay-link #copyWheelBtn:hover:not(:disabled),#copyGoalsOverlayBtn:hover:not(:disabled),html[data-theme="dark"] .primary:hover:not(:disabled),html[data-theme="light"] .primary:hover:not(:disabled),.primary:hover:not(:disabled){color:#061411!important;border-color:#72ebe5!important;background-color:#62e5df!important;background-image:none!important;box-shadow:0 12px 28px rgba(66,217,210,.3)!important}

/* v13 — themed native dropdowns */
select{appearance:none;-webkit-appearance:none;cursor:pointer;padding:12px 48px 12px 15px;color:var(--o-text);border:2px solid var(--o-line);border-radius:13px;background-color:var(--o-bg2);background-image:linear-gradient(45deg,transparent 50%,var(--o-aqua) 50%),linear-gradient(135deg,var(--o-aqua) 50%,transparent 50%),linear-gradient(to right,rgba(66,217,210,.16),rgba(66,217,210,.16));background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%,calc(100% - 42px) 50%;background-size:6px 6px,6px 6px,1px 24px;background-repeat:no-repeat;box-shadow:inset 0 1px rgba(255,255,255,.045),0 7px 16px rgba(0,0,0,.12);font-weight:750;color-scheme:dark;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
select:hover{border-color:color-mix(in srgb,var(--o-aqua) 58%,var(--o-line));background-color:color-mix(in srgb,var(--o-bg2) 94%,var(--o-aqua))}
select:focus{border-color:var(--o-aqua);outline:0;box-shadow:0 0 0 4px rgba(66,217,210,.11),0 10px 22px rgba(0,0,0,.16)}
select option,select optgroup{color:var(--o-text);background-color:#0e241f;font-size:15px;font-weight:700}select option:checked{color:#061411;background-color:var(--o-aqua)}select option:disabled{color:#657b72}
html[data-theme="light"] select{color-scheme:light;background-color:var(--o-panel);box-shadow:inset 0 1px #fff,0 7px 16px rgba(36,65,55,.08)}html[data-theme="light"] select option,html[data-theme="light"] select optgroup{color:var(--o-text);background-color:#f8f8eb}html[data-theme="light"] select option:checked{color:#fff;background-color:#168f8b}

/* v14 — complete light theme, rebuilt component by component */
html[data-theme="light"] body{color:var(--o-text);background:#eaf2e8}html[data-theme="light"] body::before{background:radial-gradient(circle at 12% 14%,rgba(22,143,139,.1),transparent 30%),radial-gradient(circle at 88% 78%,rgba(155,121,31,.06),transparent 25%),linear-gradient(145deg,#eef5ec,#dfece5)}html[data-theme="light"] body::after{opacity:.18;background-image:linear-gradient(rgba(22,143,139,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(22,143,139,.11) 1px,transparent 1px)}
html[data-theme="light"] .topbar{color:#183b34;border-color:#c2d7cd;background:rgba(248,248,235,.94);box-shadow:0 12px 32px rgba(42,82,69,.11)}html[data-theme="light"] .brand{color:#183b34}html[data-theme="light"] .status-pill{color:#5d756c}
html[data-theme="light"] .theme-toggle,html[data-theme="light"] .support-button,html[data-theme="light"] .logout-btn{color:#214d44;border-color:#bfd4ca;background:#edf4e8;box-shadow:0 6px 16px rgba(42,82,69,.08)}html[data-theme="light"] .theme-toggle:hover,html[data-theme="light"] .support-button:hover,html[data-theme="light"] .logout-btn:hover{color:#153f38;border-color:#168f8b;background:#e2f0e9}
html[data-theme="light"] .access-shell{border-color:#bfd4ca;background:#f8f8eb;box-shadow:0 30px 80px rgba(42,82,69,.18)}html[data-theme="light"] .access-visual::before{background:linear-gradient(90deg,rgba(11,43,35,.03),rgba(15,62,52,.28) 58%,rgba(238,245,236,.93))}html[data-theme="light"] .access-panel{color:#183b34;border-color:#bfd4ca;background:rgba(248,248,235,.94)}html[data-theme="light"] .access-heading h1{color:#183b34}html[data-theme="light"] .access-heading h1 em{color:#168f8b}html[data-theme="light"] .access-heading>p:last-child,html[data-theme="light"] .access-form small,html[data-theme="light"] .access-footer{color:#5d756c}html[data-theme="light"] .access-form>label{color:#214d44}html[data-theme="light"] .access-input{border-color:#b8d0c5;background:rgba(255,255,255,.68);box-shadow:0 10px 24px rgba(42,82,69,.08)}html[data-theme="light"] .access-input input{color:#183b34!important}html[data-theme="light"] .access-footer{border-color:#c8d9d1}html[data-theme="light"] .access-footer a{color:#176f69}
html[data-theme="light"] .timer-card{color:#183b34;border-color:#b8d0c5;background:linear-gradient(125deg,#fffdf3 0%,#edf5ec 58%,#e2f0e8 100%)!important;box-shadow:0 20px 46px rgba(42,82,69,.13)}html[data-theme="light"] .timer-card::before{border-color:rgba(22,143,139,.18);background:linear-gradient(135deg,rgba(22,143,139,.08),rgba(155,121,31,.04))}html[data-theme="light"] .timer-top{color:#5d756c}html[data-theme="light"] .timer-actions{border-color:#bfd4ca;background:rgba(255,255,255,.55)}html[data-theme="light"] .total-time-card{border-color:#b8d0c5;background:rgba(255,255,255,.68)}html[data-theme="light"] .total-time-card strong{color:#183b34}html[data-theme="light"] .total-time-card small{color:#5d756c}
html[data-theme="light"] .obs-card{color:#183b34;border-color:#b8d0c5;background:linear-gradient(145deg,#f8f8eb,#e8f1e9);box-shadow:0 20px 46px rgba(42,82,69,.12)}html[data-theme="light"] .obs-card h2{color:#183b34}html[data-theme="light"] .obs-card p{color:#5d756c}html[data-theme="light"] .obs-card .copy-row{border-color:#b8d0c5;background:rgba(255,255,255,.64);box-shadow:inset 0 1px #fff,0 8px 20px rgba(42,82,69,.08)}html[data-theme="light"] .obs-card .copy-row input{color:#214d44;background:transparent}
html[data-theme="light"] .tabs{border-color:#b8d0c5;background:rgba(248,248,235,.95);box-shadow:0 18px 42px rgba(42,82,69,.12)}html[data-theme="light"] .tabs button{color:#5d756c}html[data-theme="light"] .tabs button:hover{color:#183b34;background:rgba(22,143,139,.08)}html[data-theme="light"] .tabs .nav-toggle{color:#168f8b;border-color:rgba(22,143,139,.24);background:rgba(22,143,139,.06)}html[data-theme="light"] .tabs .nav-toggle b img{filter:invert(44%) sepia(76%) saturate(597%) hue-rotate(129deg) brightness(87%)}
html[data-theme="light"] .tab-panel,html[data-theme="light"] #rulesTab,html[data-theme="light"] #testTab,html[data-theme="light"] #historyTab,html[data-theme="light"] #multipliersTab,html[data-theme="light"] #widgetsTab,html[data-theme="light"] #goalsTab,html[data-theme="light"] #connectionsTab,html[data-theme="light"] #appearanceTab{color:#183b34;border-color:#b8d0c5;background-color:#f8f8eb!important;background-image:linear-gradient(90deg,rgba(248,248,235,.99) 0%,rgba(248,248,235,.95) 39%,rgba(234,242,232,.76) 73%,rgba(234,242,232,.9) 100%),var(--scene)!important;box-shadow:0 22px 52px rgba(42,82,69,.13)}html[data-theme="light"] .section-head{border-color:#c4d7ce}html[data-theme="light"] .section-head h2{color:#183b34}html[data-theme="light"] .section-copy{color:#5d756c}
html[data-theme="light"] .rule-form,html[data-theme="light"] .multiplier-control,html[data-theme="light"] .multiplier-schedule-form,html[data-theme="light"] .hype-train-card,html[data-theme="light"] .wheel-form,html[data-theme="light"] .wheel-preview-card,html[data-theme="light"] .wheel-history-section,html[data-theme="light"] .goal-form,html[data-theme="light"] .goal-card,html[data-theme="light"] .appearance-group,html[data-theme="light"] .tiktok-connect-card{color:#183b34;border-color:#bfd4ca;background:rgba(255,253,243,.88);box-shadow:0 14px 30px rgba(42,82,69,.09)}
html[data-theme="light"] .rule-platform-card,html[data-theme="light"] .rule-item,html[data-theme="light"] .history-item,html[data-theme="light"] .connections article,html[data-theme="light"] .result-box,html[data-theme="light"] .schedule-item,html[data-theme="light"] .wheel-history-item{color:#183b34;border-color:#c2d7cd;background:rgba(237,244,232,.92);box-shadow:0 10px 24px rgba(42,82,69,.07)}html[data-theme="light"] .rule-platform-card>header{border-color:#c2d7cd}
html[data-theme="light"] label,html[data-theme="light"] .rule-form label,html[data-theme="light"] .goal-form label,html[data-theme="light"] .wheel-form label{color:#214d44}html[data-theme="light"] input{color:#183b34;border-color:#b8d0c5;background:#fffdf5;box-shadow:inset 0 1px #fff}html[data-theme="light"] input::placeholder{color:#7b8f87}html[data-theme="light"] input:focus{border-color:#168f8b;box-shadow:0 0 0 4px rgba(22,143,139,.1)}
html[data-theme="light"] button:not(.primary):not(.danger):not(.active),html[data-theme="light"] .logout-btn{color:#214d44;border-color:#b8d0c5;background:#edf4e8;box-shadow:0 6px 16px rgba(42,82,69,.07)}html[data-theme="light"] button:not(.primary):not(.danger):not(.active):hover{color:#153f38;border-color:#168f8b;background:#e0eee6}
html[data-theme="light"] .widget-toggle,html[data-theme="light"] .appearance-check .check-row,html[data-theme="light"] .hype-switch,html[data-theme="light"] .hype-state{color:#183b34;border-color:#bfd4ca;background:rgba(237,244,232,.82)}html[data-theme="light"] .platform-empty,html[data-theme="light"] .rule-main span,html[data-theme="light"] .history-item span,html[data-theme="light"] .connections p,html[data-theme="light"] .note,html[data-theme="light"] .result-box,html[data-theme="light"] .field-help,html[data-theme="light"] small{color:#5d756c}
html[data-theme="light"] .multiplier-buttons button.active{color:#061411!important;border-color:#168f8b!important;background:#42d9d2!important;background-image:none!important;box-shadow:0 8px 20px rgba(22,143,139,.18)!important}html[data-theme="light"] .multiplier-now,html[data-theme="light"] .tag,html[data-theme="light"] .widget-status{color:#176f69;border-color:rgba(22,143,139,.28);background:rgba(22,143,139,.08)}
.hero-grid{grid-area:hero}.tab-panel{grid-area:content}
@media(max-width:900px){.app,.app.nav-collapsed{grid-template-columns:1fr;grid-template-areas:"nav" "hero" "content"}.tabs{top:72px;flex-direction:row;min-height:0;padding:9px;overflow-x:auto}.tabs .nav-toggle{display:none}.tabs button,.app.nav-collapsed .tabs button{width:auto;min-width:max-content;justify-content:center;padding-inline:12px}.app.nav-collapsed .tabs button[data-tab] span{width:auto;opacity:1}.tabs button:hover{transform:translateY(-2px)}}

/* v15 — light theme: mineral papyrus palette and tactile controls */
html[data-theme="light"]{--o-bg:#cfd7ca;--o-bg2:#c3cdbf;--o-panel:#e7dfcb;--o-panel2:#d8ddcd;--o-line:#9aab9e;--o-text:#17352f;--o-muted:#52675e;--o-blue:#126b68;--o-aqua:#168f8b;--o-orange:#ad672e;--o-gold:#b58a2b;--o-shadow:#75877c}
html[data-theme="light"] body{background:#cbd4c7}html[data-theme="light"] body::before{background:radial-gradient(circle at 10% 10%,rgba(22,143,139,.13),transparent 34%),radial-gradient(circle at 88% 76%,rgba(181,138,43,.12),transparent 28%),linear-gradient(145deg,#d8dece,#bdcbbf)}html[data-theme="light"] body::after{opacity:.13;background-image:linear-gradient(rgba(23,53,47,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(23,53,47,.13) 1px,transparent 1px)}
html[data-theme="light"] .topbar{border-color:#91a69a;background:rgba(224,222,205,.94);box-shadow:0 9px 0 rgba(78,101,89,.1),0 18px 35px rgba(44,67,57,.1)}
html[data-theme="light"] .access-shell{border-color:#8fa498;background:#ddd7c5;box-shadow:0 10px 0 rgba(74,96,84,.13),0 32px 70px rgba(42,65,54,.18)}html[data-theme="light"] .access-visual::before{background:linear-gradient(90deg,rgba(11,43,35,.04),rgba(15,62,52,.25) 55%,rgba(221,215,197,.94))}html[data-theme="light"] .access-panel{border-color:#96a99d;background:rgba(226,220,201,.96);box-shadow:0 9px 0 rgba(83,103,91,.14),0 26px 55px rgba(42,65,54,.18)}html[data-theme="light"] .access-input{border-color:#91a69a;background:#d3d9ca;box-shadow:inset 0 2px 4px rgba(42,65,54,.08)}
html[data-theme="light"] .timer-card{border-color:#8fa498;background:linear-gradient(125deg,#e9dfc5 0%,#d3d9c8 56%,#c1d4ca 100%)!important;box-shadow:0 9px 0 rgba(72,96,83,.13),0 24px 45px rgba(42,65,54,.14)}html[data-theme="light"] .timer-actions{border-color:#91a69a;background:#cbd4c7}html[data-theme="light"] .total-time-card{border-color:#91a69a;background:#d9d9c7}
html[data-theme="light"] .obs-card{border-color:#8fa498;background:linear-gradient(145deg,#ddd6c2,#c9d4c6);box-shadow:0 9px 0 rgba(72,96,83,.12),0 22px 42px rgba(42,65,54,.13)}html[data-theme="light"] .obs-card .copy-row{border-color:#91a69a;background:#cbd4c7;box-shadow:inset 0 2px 4px rgba(42,65,54,.08)}
html[data-theme="light"] .tabs{border-color:#8fa498;background:rgba(221,216,198,.96);box-shadow:7px 10px 0 rgba(72,96,83,.12),0 22px 38px rgba(42,65,54,.12)}html[data-theme="light"] .tabs button{color:#425b51}html[data-theme="light"] .tabs button:hover{color:#17352f;background:#c4d2c6}
html[data-theme="light"] .tab-panel,html[data-theme="light"] #rulesTab,html[data-theme="light"] #testTab,html[data-theme="light"] #historyTab,html[data-theme="light"] #multipliersTab,html[data-theme="light"] #widgetsTab,html[data-theme="light"] #goalsTab,html[data-theme="light"] #connectionsTab,html[data-theme="light"] #appearanceTab{border-color:#8fa498;background-color:#ddd7c4!important;background-image:linear-gradient(90deg,rgba(221,215,196,.98) 0%,rgba(221,215,196,.94) 40%,rgba(190,207,195,.76) 74%,rgba(201,210,195,.9) 100%),var(--scene)!important;box-shadow:0 9px 0 rgba(72,96,83,.12),0 25px 46px rgba(42,65,54,.13)}
html[data-theme="light"] .rule-form,html[data-theme="light"] .multiplier-control,html[data-theme="light"] .multiplier-schedule-form,html[data-theme="light"] .hype-train-card,html[data-theme="light"] .wheel-form,html[data-theme="light"] .wheel-preview-card,html[data-theme="light"] .wheel-history-section,html[data-theme="light"] .goal-form,html[data-theme="light"] .goal-card,html[data-theme="light"] .appearance-group,html[data-theme="light"] .tiktok-connect-card{border-color:#9aaa9e;background:rgba(208,211,195,.94);box-shadow:0 6px 0 rgba(77,99,87,.1),0 14px 26px rgba(42,65,54,.08)}
html[data-theme="light"] .rule-platform-card,html[data-theme="light"] .rule-item,html[data-theme="light"] .history-item,html[data-theme="light"] .connections article,html[data-theme="light"] .result-box,html[data-theme="light"] .schedule-item,html[data-theme="light"] .multiplier-schedule,html[data-theme="light"] .wheel-history-item{border-color:#98aa9e;background:#c7d2c4;box-shadow:0 5px 0 rgba(77,99,87,.08),0 12px 22px rgba(42,65,54,.07)}
html[data-theme="light"] input,html[data-theme="light"] select{color:#17352f;border-color:#8fa498;background:#d5d7c6;box-shadow:inset 0 2px 4px rgba(42,65,54,.09)}html[data-theme="light"] select option,html[data-theme="light"] select optgroup{color:#17352f;background:#d5d7c6}html[data-theme="light"] input::placeholder{color:#64786f}
/* Buttons use one coherent raised-control language: dark mineral, gold action, aqua selection. */
html[data-theme="light"] button,html[data-theme="light"] .admin-button,html[data-theme="light"] .logout-btn,html[data-theme="light"] .support-button,html[data-theme="light"] .theme-toggle{color:#edf2e8;border:1px solid #183f38;border-bottom-width:4px;border-radius:10px;background:#28574d;box-shadow:0 5px 12px rgba(35,70,60,.17);text-shadow:0 1px rgba(0,0,0,.12)}html[data-theme="light"] button:hover:not(:disabled),html[data-theme="light"] .admin-button:hover,html[data-theme="light"] .logout-btn:hover,html[data-theme="light"] .support-button:hover,html[data-theme="light"] .theme-toggle:hover{color:#fff;border-color:#0f5956;background:#197873;box-shadow:0 7px 16px rgba(22,94,86,.2);transform:translateY(-2px)}html[data-theme="light"] button:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px);box-shadow:0 2px 6px rgba(35,70,60,.16)}
html[data-theme="light"] .primary,html[data-theme="light"] .admin-button,html[data-theme="light"] .obs-card #copyBtn,html[data-theme="light"] .access-input button,html[data-theme="light"] .widget-overlay-link #copyWheelBtn,html[data-theme="light"] #copyGoalsOverlayBtn{color:#263218!important;border-color:#765b16!important;border-bottom-width:4px!important;background:#d4ad4d!important;box-shadow:0 6px 14px rgba(116,86,17,.2)!important;text-shadow:none}html[data-theme="light"] .primary:hover:not(:disabled),html[data-theme="light"] .admin-button:hover,html[data-theme="light"] .obs-card #copyBtn:hover:not(:disabled),html[data-theme="light"] .access-input button:hover:not(:disabled){color:#1e2c17!important;border-color:#6d5313!important;background:#e2bd5b!important;box-shadow:0 8px 17px rgba(116,86,17,.24)!important}
html[data-theme="light"] .tabs button.active,html[data-theme="light"] .multiplier-buttons button.active{color:#f2f7ef!important;border-color:#0d5d59!important;border-bottom-width:4px!important;background:#168f8b!important;box-shadow:0 7px 15px rgba(15,103,98,.22)!important}html[data-theme="light"] .tabs .nav-toggle{color:#edf2e8;border-color:#183f38;background:#28574d}html[data-theme="light"] .tabs .nav-toggle b img{filter:invert(1)}
html[data-theme="light"] .danger{color:#fff;border-color:#713f3e;background:#99504e}html[data-theme="light"] .danger:hover:not(:disabled){border-color:#5e302f;background:#ad5a57}
html[data-theme="light"] .widget-toggle,html[data-theme="light"] .appearance-check .check-row,html[data-theme="light"] .hype-switch,html[data-theme="light"] .hype-state{border-color:#98aa9e;background:#c7d2c4}

/* v16 — legible navigation icons and the raised control language in dark mode */
html[data-theme="light"] .tabs .nav-icon{opacity:1;background:rgba(23,53,47,.08);filter:brightness(0) saturate(100%) invert(17%) sepia(18%) saturate(1337%) hue-rotate(116deg) brightness(91%) contrast(91%)}html[data-theme="light"] .tabs button:hover .nav-icon{background:rgba(22,143,139,.13);filter:brightness(0) saturate(100%) invert(31%) sepia(34%) saturate(1119%) hue-rotate(128deg) brightness(91%) contrast(86%)}html[data-theme="light"] .tabs button.active .nav-icon{opacity:1;background:rgba(255,255,255,.3);filter:brightness(0) saturate(100%) invert(10%) sepia(18%) saturate(1451%) hue-rotate(116deg) brightness(93%) contrast(93%)}html[data-theme="light"] .tabs .nav-toggle b img{opacity:1;filter:brightness(0) saturate(100%) invert(94%) sepia(8%) saturate(204%) hue-rotate(57deg) brightness(104%) contrast(94%)}
html[data-theme="dark"] button,html[data-theme="dark"] .admin-button,html[data-theme="dark"] .logout-btn,html[data-theme="dark"] .support-button,html[data-theme="dark"] .theme-toggle{color:#eaf6f2;border:1px solid #31594f;border-bottom:4px solid #193b34;border-radius:10px;background:#173d36;box-shadow:0 6px 14px rgba(0,0,0,.28);text-shadow:0 1px rgba(0,0,0,.24)}html[data-theme="dark"] button:hover:not(:disabled),html[data-theme="dark"] .admin-button:hover,html[data-theme="dark"] .logout-btn:hover,html[data-theme="dark"] .support-button:hover,html[data-theme="dark"] .theme-toggle:hover{color:#fff;border-color:#36bbb4;border-bottom-color:#176963;background:#20534a;box-shadow:0 8px 18px rgba(0,0,0,.32),0 0 0 1px rgba(66,217,210,.08);transform:translateY(-2px)}html[data-theme="dark"] button:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px);box-shadow:0 2px 7px rgba(0,0,0,.26)}
html[data-theme="dark"] .primary,html[data-theme="dark"] .admin-button,html[data-theme="dark"] .obs-card #copyBtn,html[data-theme="dark"] .access-input button,html[data-theme="dark"] .widget-overlay-link #copyWheelBtn,html[data-theme="dark"] #copyGoalsOverlayBtn{color:#061411!important;border:1px solid #51e4dc!important;border-bottom:4px solid #0b716c!important;border-radius:10px!important;background:#42d9d2!important;box-shadow:0 7px 16px rgba(0,0,0,.28),0 0 18px rgba(66,217,210,.1)!important;text-shadow:none}html[data-theme="dark"] .primary:hover:not(:disabled),html[data-theme="dark"] .admin-button:hover,html[data-theme="dark"] .obs-card #copyBtn:hover:not(:disabled),html[data-theme="dark"] .access-input button:hover:not(:disabled){color:#061411!important;border-color:#81f0ea!important;border-bottom-color:#168f8b!important;background:#62e5df!important;box-shadow:0 9px 20px rgba(0,0,0,.3),0 0 22px rgba(66,217,210,.14)!important}
html[data-theme="dark"] .tabs button.active,html[data-theme="dark"] .multiplier-buttons button.active{color:#061411!important;border:1px solid #51e4dc!important;border-bottom:4px solid #0b716c!important;background:#42d9d2!important;box-shadow:0 7px 16px rgba(0,0,0,.27)!important}html[data-theme="dark"] .tabs .nav-toggle{color:#eaf6f2;border-color:#31594f;border-bottom:4px solid #193b34;background:#173d36}html[data-theme="dark"] .danger{color:#ffdfe3;border-color:#a34355;border-bottom-color:#6f2635;background:#7f3040}html[data-theme="dark"] .danger:hover:not(:disabled){color:#fff;border-color:#dd647b;border-bottom-color:#8a3042;background:#a33c50}

/* v17 — restore semantic Hype Train states and complete the light Goals overlay card */
html[data-theme="light"] .hype-state.disabled{color:#8d363d;border-color:#b66d70;background:#d9bcbc}html[data-theme="light"] .hype-state.disabled small,html[data-theme="light"] .hype-state.disabled span{color:#713a3e}html[data-theme="light"] .hype-state.waiting{color:#0d6863;border-color:#55a59e;background:#b9d8cf}html[data-theme="light"] .hype-state.waiting small,html[data-theme="light"] .hype-state.waiting span{color:#285f59}html[data-theme="light"] .hype-state.running{color:#653f91;border-color:#9270b5;background:#cec0dc}html[data-theme="light"] .hype-state.running small,html[data-theme="light"] .hype-state.running span{color:#59406f}html[data-theme="light"] .hype-state.reward{color:#6c5210;border-color:#b69438;background:linear-gradient(90deg,#dfce91,#bad3b4)}html[data-theme="light"] .hype-state.reward small,html[data-theme="light"] .hype-state.reward span{color:#5c512c}
html[data-theme="light"] .goal-help-card{color:#17352f;border-color:#8fa498;background-color:#d3d3bd;background-image:linear-gradient(135deg,rgba(220,214,191,.96),rgba(190,207,195,.9)),url('/egypt-lake.png');box-shadow:0 6px 0 rgba(77,99,87,.1),0 14px 26px rgba(42,65,54,.08)}html[data-theme="light"] .goal-help-card h3{color:#8a681b}html[data-theme="light"] .goal-help-card p{color:#425b51}html[data-theme="light"] .goal-shared-overlay{padding:8px;border:1px solid #91a69a;border-radius:14px;background:#c3cec0;box-shadow:inset 0 2px 4px rgba(42,65,54,.08)}html[data-theme="light"] .goal-shared-overlay input{color:#17352f;border-color:#8fa498;background:#d8d8c5}

/* v18 — deeper dark tactile controls; light navigation icons remain unchanged */
html[data-theme="dark"] button,html[data-theme="dark"] .admin-button,html[data-theme="dark"] .logout-btn,html[data-theme="dark"] .support-button,html[data-theme="dark"] .theme-toggle{position:relative;color:#eef8f4;border:1px solid #416e62;border-bottom:5px solid #102e28;border-radius:11px;background:linear-gradient(180deg,#28564c 0%,#1b443b 48%,#153a33 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.18),0 2px 0 #071d19,0 8px 17px rgba(0,0,0,.34);text-shadow:0 1px 1px rgba(0,0,0,.45);transition:transform .14s var(--o-ease),box-shadow .14s var(--o-ease),border-color .14s var(--o-ease),filter .14s var(--o-ease)}html[data-theme="dark"] button:hover:not(:disabled),html[data-theme="dark"] .admin-button:hover,html[data-theme="dark"] .logout-btn:hover,html[data-theme="dark"] .support-button:hover,html[data-theme="dark"] .theme-toggle:hover{color:#fff;border-color:#55c8bd;border-bottom-color:#155d56;background:linear-gradient(180deg,#347065 0%,#245a50 52%,#1b4b43 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.18),0 2px 0 #082722,0 11px 22px rgba(0,0,0,.38),0 0 0 1px rgba(66,217,210,.08);transform:translateY(-2px)}html[data-theme="dark"] button:active:not(:disabled),html[data-theme="dark"] .admin-button:active,html[data-theme="dark"] .logout-btn:active,html[data-theme="dark"] .support-button:active,html[data-theme="dark"] .theme-toggle:active{border-bottom-width:2px;box-shadow:inset 0 2px 5px rgba(0,0,0,.3),0 1px 0 #071d19,0 3px 8px rgba(0,0,0,.28);transform:translateY(3px)}
html[data-theme="dark"] .primary,html[data-theme="dark"] .admin-button,html[data-theme="dark"] .obs-card #copyBtn,html[data-theme="dark"] .access-input button,html[data-theme="dark"] .widget-overlay-link #copyWheelBtn,html[data-theme="dark"] #copyGoalsOverlayBtn{color:#041815!important;border:1px solid #8af4ed!important;border-bottom:5px solid #08716b!important;background:linear-gradient(180deg,#66ece5 0%,#42d9d2 50%,#25bbb5 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(0,74,70,.2),0 2px 0 #034d49,0 9px 20px rgba(0,0,0,.35),0 0 20px rgba(66,217,210,.11)!important;text-shadow:0 1px rgba(255,255,255,.24)}html[data-theme="dark"] .primary:hover:not(:disabled),html[data-theme="dark"] .admin-button:hover,html[data-theme="dark"] .obs-card #copyBtn:hover:not(:disabled),html[data-theme="dark"] .access-input button:hover:not(:disabled){color:#031713!important;border-color:#b1faf6!important;border-bottom-color:#0a827b!important;background:linear-gradient(180deg,#8af3ed 0%,#5ee5df 52%,#35cbc5 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 2px 0 #035b56,0 12px 24px rgba(0,0,0,.38),0 0 25px rgba(66,217,210,.16)!important}
html[data-theme="dark"] .tabs button.active,html[data-theme="dark"] .multiplier-buttons button.active{color:#041815!important;border:1px solid #8af4ed!important;border-bottom:5px solid #08716b!important;background:linear-gradient(180deg,#66ece5,#32c9c3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 0 #034d49,0 8px 18px rgba(0,0,0,.34)!important}html[data-theme="dark"] .danger{color:#fff1f3;border:1px solid #c16274;border-bottom:5px solid #671f2e;background:linear-gradient(180deg,#a94d60,#7e3040);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 2px 0 #42141e,0 8px 17px rgba(0,0,0,.32)}

/* v19 — calm, GPU-friendly card hover motion */
.rule-platform-card,.connections article,.goal-card,.appearance-group,.wheel-form,.wheel-preview-card,.wheel-history-item,.multiplier-schedule,.hype-train-card,.tiktok-connect-card{transform:translate3d(0,0,0);transform-style:flat;backface-visibility:hidden;will-change:transform,box-shadow,border-color;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s cubic-bezier(.22,1,.36,1),border-color .3s ease,background-color .3s ease}
.rule-platform-card:hover,.connections article:hover,.goal-card:hover,.appearance-group:hover,.wheel-form:hover,.wheel-preview-card:hover,.wheel-history-item:hover,.multiplier-schedule:hover,.hype-train-card:hover,.tiktok-connect-card:hover{transform:translate3d(0,-3px,0);border-color:color-mix(in srgb,var(--o-aqua) 48%,var(--o-line));box-shadow:0 18px 34px rgba(0,0,0,.17),0 0 0 1px color-mix(in srgb,var(--o-aqua) 8%,transparent)}
html[data-theme="light"] .rule-platform-card:hover,html[data-theme="light"] .connections article:hover,html[data-theme="light"] .goal-card:hover,html[data-theme="light"] .appearance-group:hover,html[data-theme="light"] .wheel-form:hover,html[data-theme="light"] .wheel-preview-card:hover,html[data-theme="light"] .wheel-history-item:hover,html[data-theme="light"] .multiplier-schedule:hover,html[data-theme="light"] .hype-train-card:hover,html[data-theme="light"] .tiktok-connect-card:hover{box-shadow:0 8px 0 rgba(72,96,83,.1),0 20px 32px rgba(42,65,54,.12)}
@media(hover:none){.rule-platform-card:hover,.connections article:hover,.goal-card:hover,.appearance-group:hover,.wheel-form:hover,.wheel-preview-card:hover,.wheel-history-item:hover,.multiplier-schedule:hover,.hype-train-card:hover,.tiktok-connect-card:hover{transform:none}}

/* v20 — clearer current multiplier status */
#multipliersTab .multiplier-now{position:relative;display:grid;grid-template-columns:54px minmax(116px,1fr);align-items:center;gap:12px;min-width:214px;padding:8px 15px 8px 8px;overflow:hidden;text-align:left;border:1px solid color-mix(in srgb,var(--o-aqua) 38%,var(--o-line));border-radius:16px;background:color-mix(in srgb,var(--o-panel2) 90%,var(--o-aqua) 10%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.14);font-family:Inter,Arial,sans-serif;letter-spacing:0}
#multipliersTab .multiplier-now::after{content:"";position:absolute;right:-24px;top:-32px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--o-aqua) 17%,transparent),transparent 68%);pointer-events:none}
#multipliersTab .multiplier-now strong{display:grid;place-items:center;width:54px;height:44px;border:1px solid color-mix(in srgb,var(--o-aqua) 50%,var(--o-line));border-radius:11px;color:var(--o-aqua);background:color-mix(in srgb,var(--o-aqua) 12%,var(--o-bg));box-shadow:inset 0 1px 0 rgba(255,255,255,.09);font-size:22px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums}
#multipliersTab .multiplier-now span{display:flex;min-width:0;flex-direction:column;gap:3px;margin:0;color:var(--o-text);font-size:13px;font-weight:850;line-height:1.15;letter-spacing:.015em;text-transform:none;white-space:nowrap}
#multipliersTab .multiplier-now span small{color:var(--o-muted);font-size:9px;font-weight:900;line-height:1;letter-spacing:.13em;text-transform:uppercase}
#multipliersTab .multiplier-now.active{border-color:color-mix(in srgb,var(--o-aqua) 68%,var(--o-line));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 9px 24px rgba(0,0,0,.17),0 0 0 3px color-mix(in srgb,var(--o-aqua) 7%,transparent)}
#multipliersTab .multiplier-now.active strong{color:#061411;background:var(--o-aqua);box-shadow:0 5px 14px color-mix(in srgb,var(--o-aqua) 25%,transparent)}
html[data-theme="light"] #multipliersTab .multiplier-now{color:#17352f;border-color:#8fae9f;background:#c7d2c4;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 14px rgba(42,65,54,.1)}
html[data-theme="light"] #multipliersTab .multiplier-now strong{color:#0d6863;border-color:#73a69b;background:#d9ddd0}
html[data-theme="light"] #multipliersTab .multiplier-now span{color:#17352f}html[data-theme="light"] #multipliersTab .multiplier-now span small{color:#557067}
@media(max-width:620px){#multipliersTab .multiplier-now{width:100%;min-width:0}}