:root{--bg:#f7f7f5;--panel:#ffffff;--ink:#0b0b0b;--muted:#686868;--line:#e6e1cf;--brand:#0b0b0b;--brand2:#facc15;--danger:#ef233c;--warn:#facc15;--ok:#0b0b0b;--shadow:0 10px 30px rgba(17,24,39,.08);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:#0b0b0b;color:#fff;padding:22px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;margin-bottom:28px}.brand-badge{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#facc15,#ef233c);display:grid;place-items:center;color:#0b0b0b}.nav{display:grid;gap:8px}.nav a,.nav button{padding:12px 14px;border-radius:12px;background:transparent;color:#f5f5f5;border:0;text-align:left;font:inherit;cursor:pointer}.nav a.active,.nav a:hover,.nav button:hover{background:rgba(255,255,255,.1);color:#fff}.main{padding:28px;max-width:1280px;width:100%;margin:0 auto}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.title h1{margin:0 0 4px;font-size:28px}.title p{margin:0;color:var(--muted)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.metric{display:flex;flex-direction:column;gap:6px}.metric strong{font-size:28px}.metric span{color:var(--muted);font-size:14px}.btn{border:0;background:var(--brand);color:#fff;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(1.05)}.btn.secondary{background:#e6e1cf;color:#0b0b0b}.btn.ok{background:var(--ok)}.btn.warn{background:var(--warn)}.btn.danger{background:var(--danger)}.btn.light{background:#fff;color:#0b0b0b;border:1px solid var(--line)}.btn.full{width:100%}.btn.big{font-size:18px;padding:16px 18px;border-radius:16px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:94px;resize:vertical}label{display:grid;gap:6px;font-weight:700;font-size:13px;color:#252525}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:14px}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff7cc;color:#0b0b0b;font-size:12px;font-weight:800}.pill.ok{background:#fff7cc;color:#0b0b0b}.pill.warn{background:#fff7cc;color:#0b0b0b}.pill.danger{background:#fff1f2;color:#b00020}.muted{color:var(--muted)}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grow{flex:1}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:800}.tab.active{background:#0b0b0b;color:#fff}.hidden{display:none!important}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0%,rgba(250,204,21,.28),transparent 34%),radial-gradient(circle at 90% 20%,rgba(239,35,60,.12),transparent 28%),#f7f7f5}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:28px}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}.auth-logo b{font-size:28px}.student-shell{min-height:100vh;max-width:640px;margin:0 auto;padding:18px;background:#f7f7f5}.student-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.student-brand{font-weight:900;font-size:20px}.hero{background:#0b0b0b;color:#fff;border-radius:24px;padding:22px;margin-bottom:16px}.hero h1{margin:0 0 6px;font-size:26px}.hero p{margin:0;color:#f5f5f5}.exercise-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;box-shadow:var(--shadow)}.exercise-card.done{border-color:#0b0b0b;background:#fff7cc}.exercise-card.skipped{border-color:#facc15;background:#fff7cc}.exercise-card.pain{border-color:#ef233c;background:#fff1f2}.exercise-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;z-index:30}.modal-box{background:#fff;border-radius:20px;padding:22px;box-shadow:var(--shadow);width:min(440px,calc(100% - 32px));text-align:center}.spinner{width:38px;height:38px;border:4px solid #e6e1cf;border-top-color:#0b0b0b;border-radius:999px;animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:16px;bottom:16px;background:#0b0b0b;color:#fff;padding:12px 14px;border-radius:12px;box-shadow:var(--shadow);z-index:50}.jsonbox{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;min-height:260px}.day-editor{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fffdf2}.exercise-row{display:grid;grid-template-columns:1.4fr .5fr .7fr .5fr 1.3fr auto;gap:8px;margin-top:8px}.mobile-only{display:none}@media(max-width:860px){.layout{grid-template-columns:1fr}.side{position:static;height:auto}.main{padding:18px}.grid.cols-2,.grid.cols-3,.grid.cols-5,.form-grid{grid-template-columns:1fr}.exercise-row{grid-template-columns:1fr 1fr}.mobile-only{display:block}.desktop-only{display:none}.exercise-actions{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.table-wrap{overflow:auto}}

/* Gyngo Pro - lado alumno mobile */
.no-margin{margin:0}.btn.compact{padding:8px 11px;border-radius:10px;font-size:13px}.student-app{min-height:100vh;max-width:720px;margin:0 auto;background:#f7f7f5;padding:16px 16px 92px}.student-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.student-logo{display:flex;align-items:center;gap:8px}.student-logo span{width:34px;height:34px;border-radius:12px;background:#0b0b0b;color:#fff;display:grid;place-items:center;font-weight:900}.student-logo b{font-size:18px}.student-screen,.student-workout{animation:fadein .18s ease}.student-hero{background:linear-gradient(145deg,#0b0b0b,#171717);color:#fff;border-radius:26px;padding:24px;box-shadow:var(--shadow);overflow:hidden;position:relative}.student-hero:after{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:999px;background:rgba(250,204,21,.28)}.student-hero h1{font-size:30px;margin:2px 0 8px}.student-hero p{margin:0;color:#f5f5f5}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.10em;font-weight:900;color:#facc15!important}.quick-stats,.week-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;box-shadow:var(--shadow);display:grid;gap:4px}.mini-card span{font-size:12px;color:var(--muted);font-weight:800}.mini-card b{font-size:21px}.day-selector{display:grid;gap:10px}.day-choice{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;display:grid;gap:4px;cursor:pointer}.day-choice strong{font-size:14px}.day-choice span{font-size:18px;font-weight:900}.day-choice small{color:var(--muted)}.day-choice.active{border-color:#0b0b0b;background:#0b0b0b;color:#fff}.day-choice.active small{color:#f5f5f5}.student-actions-main{position:sticky;bottom:82px;z-index:3}.student-bottom-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(680px,calc(100% - 24px));background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;z-index:20}.student-bottom-nav button{border:0;background:transparent;border-radius:16px;padding:11px 8px;font-weight:900;color:#686868;cursor:pointer}.student-bottom-nav button.active{background:#0b0b0b;color:#fff}.workout-head{display:flex;align-items:flex-start;gap:12px;position:sticky;top:0;background:#f7f7f5;padding:10px 0;z-index:5}.progress-wrap{height:10px;background:#e6e1cf;border-radius:999px;overflow:hidden;position:sticky;top:72px;z-index:4}.progress-bar{height:100%;width:0;background:#0b0b0b;border-radius:999px;transition:width .18s ease}.student-exercise{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow)}.student-exercise.done{border-color:#0b0b0b;background:#fff7cc}.student-exercise.skipped{border-color:#facc15;background:#fff7cc}.student-exercise.pain{border-color:#ef233c;background:#fff1f2}.exercise-number{width:34px;height:34px;border-radius:12px;background:#0b0b0b;color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.exercise-main{flex:1;display:grid;gap:7px}.exercise-main h3{margin:0;font-size:18px}.exercise-main p{margin:0;color:#3a3a3a}.exercise-main small{color:#686868}.student-actions{grid-template-columns:repeat(3,1fr)}.student-actions .selected{outline:3px solid rgba(17,24,39,.18);filter:brightness(.97)}.sticky-finish{position:sticky;bottom:18px;z-index:6}.finish-card{margin-top:24px}.mood-grid .selected{border-color:#0b0b0b;background:#0b0b0b;color:#fff}.week-row{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.week-row small{display:block;color:var(--muted);margin-top:3px}.week-row p{grid-column:1/-1;margin:0;color:#252525}.plan-box{display:grid;gap:12px}.plan-title{font-size:22px;font-weight:900}.plan-meta{display:flex;gap:6px;flex-wrap:wrap}.plan-block{border:1px solid var(--line);border-radius:16px;padding:13px;background:#fffdf2}.plan-block b{display:block}.plan-block span{font-size:12px;color:var(--muted);font-weight:800}.plan-block p{margin:6px 0 0;color:#252525}@keyframes fadein{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.student-app{padding:12px 12px 88px}.quick-stats,.week-summary{grid-template-columns:repeat(3,1fr);gap:7px}.mini-card{padding:10px}.mini-card b{font-size:18px}.student-hero{padding:20px}.student-actions{grid-template-columns:1fr}.student-exercise{padding:12px}.exercise-number{width:30px;height:30px}.student-actions-main{grid-template-columns:1fr}.student-actions-main .btn.big{padding:15px}}

/* Coach tracking details */
.session-detail{font-size:12px;color:#252525;line-height:1.5}.session-detail b{font-size:12px}.session-detail .done{color:#0b0b0b}.session-detail .skipped{color:#0b0b0b}.session-detail .pain{color:#b00020}.access-actions{display:flex;gap:8px;flex-wrap:wrap}
.span-2{grid-column:1/-1}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.plan-block-editor{border:1px solid var(--line);border-radius:18px;background:#fffdf2;padding:14px;display:grid;gap:12px}select[multiple]{min-height:130px}.no-margin{margin:0}@media(max-width:860px){.span-2{grid-column:auto}.section-head{display:grid}}

/* Serie por serie + cronómetro */
.workout-nav-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);display:grid;gap:10px}.center-text{text-align:center}.exercise-picker{display:grid;gap:8px}.exercise-pick{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;text-align:left;cursor:pointer}.exercise-pick span{width:28px;height:28px;border-radius:10px;background:#0b0b0b;color:#fff;display:grid;place-items:center;font-weight:900}.exercise-pick b{font-size:14px}.exercise-pick.active{border-color:#0b0b0b;background:#fff7cc}.pill.info{background:#fff7cc;color:#0b0b0b}.single-exercise{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow);display:grid;gap:16px}.single-exercise.done{border-color:#0b0b0b;background:#fff7cc}.single-exercise.skipped{border-color:#facc15;background:#fff7cc}.single-exercise.pain{border-color:#ef233c;background:#fff1f2}.single-exercise.partial{border-color:#facc15;background:#fff7cc}.single-exercise-head{display:flex;gap:12px;align-items:flex-start}.single-exercise h3{font-size:24px;margin:0 0 4px}.single-exercise p{margin:0;color:#3a3a3a;font-size:18px}.series-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px}.series-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 10px;text-align:center;font-weight:900;color:#686868}.series-pill.current{border-color:#0b0b0b;color:#0b0b0b;background:#f9fafb}.series-pill.done{border-color:#0b0b0b;background:#0b0b0b;color:#fff}.timer-panel{border:1px dashed var(--line);border-radius:18px;padding:14px;background:#fffdf2;display:flex;align-items:center;justify-content:space-between;gap:12px}.timer-panel span{font-weight:900;color:#252525}.timer-panel b{font-size:30px;letter-spacing:.04em}.timer-panel.active{border-color:#0b0b0b;background:#0b0b0b;color:#fff}.timer-panel.active span{color:#f5f5f5}.series-actions{grid-template-columns:1.4fr 1fr 1fr}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}@media(max-width:520px){.exercise-pick{grid-template-columns:30px 1fr}.exercise-pick small{grid-column:2}.single-exercise h3{font-size:22px}.single-exercise p{font-size:16px}.series-actions{grid-template-columns:1fr}.timer-panel{display:grid;text-align:center}.timer-panel b{font-size:36px}}


/* Paleta Gyngo Pro: negro / amarillo / rojo */
:root{--bg:#f7f7f5;--panel:#ffffff;--ink:#0b0b0b;--muted:#686868;--line:#e6e1cf;--brand:#0b0b0b;--brand2:#facc15;--danger:#ef233c;--warn:#facc15;--ok:#0b0b0b;--shadow:0 12px 32px rgba(11,11,11,.10);}
.brand-badge,.student-logo span,.exercise-number,.exercise-pick span{background:#0b0b0b;color:#facc15;}
.side,.hero,.timer-panel.active,.student-bottom-nav button.active,.tab.active,.toast{background:#0b0b0b;color:#fff;}
.auth-wrap{background:radial-gradient(circle at 20% 0%,rgba(250,204,21,.28),transparent 34%),radial-gradient(circle at 90% 20%,rgba(239,35,60,.13),transparent 28%),#f7f7f5;}
.student-hero{background:linear-gradient(145deg,#0b0b0b,#171717);}
.student-hero:after{background:rgba(250,204,21,.25);}
.eyebrow{color:#facc15!important;}
.btn.ok{background:#0b0b0b;color:#fff;}
.btn.warn{background:#facc15;color:#0b0b0b;}
.btn.danger{background:#ef233c;color:#fff;}
.btn.secondary{background:#facc15;color:#0b0b0b;}
.btn.light{background:#fff;color:#0b0b0b;border:1px solid #e6e1cf;}
.pill,.pill.ok,.pill.info{background:#fff7cc;color:#0b0b0b;}
.pill.warn{background:#facc15;color:#0b0b0b;}
.pill.danger{background:#fff1f2;color:#b00020;}
.exercise-card.done,.student-exercise.done,.single-exercise.done{border-color:#0b0b0b;background:#fff7cc;}
.exercise-card.skipped,.student-exercise.skipped,.single-exercise.skipped,.single-exercise.partial{border-color:#facc15;background:#fffdf2;}
.exercise-card.pain,.student-exercise.pain,.single-exercise.pain{border-color:#ef233c;background:#fff1f2;}
.progress-bar{background:#facc15;}
.series-pill.done{border-color:#0b0b0b;background:#0b0b0b;color:#facc15;}
.series-pill.current{border-color:#facc15;color:#0b0b0b;background:#fff7cc;}
.exercise-pick.active,.day-choice.active{border-color:#0b0b0b;background:#0b0b0b;color:#fff;}
.day-choice.active small{color:#facc15;}
.timer-panel.active{border-color:#0b0b0b;}
.timer-panel.active span{color:#facc15;}
.spinner{border-color:#e6e1cf;border-top-color:#facc15;}
.session-detail .done{color:#0b0b0b}.session-detail .skipped{color:#9a7600}.session-detail .pain{color:#b00020}

/* Cronómetro circular persistente */
.timer-panel{align-items:center;gap:16px;min-height:118px}.timer-copy{display:grid;gap:5px}.timer-copy small{color:var(--muted);font-weight:700}.timer-panel.active .timer-copy small{color:#fff}.timer-circle{--timer-pct:0;width:96px;height:96px;border-radius:999px;background:conic-gradient(#facc15 calc(var(--timer-pct) * 1%),#e6e1cf 0);display:grid;place-items:center;position:relative;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(11,11,11,.08)}.timer-circle:before{content:"";position:absolute;inset:9px;border-radius:999px;background:#fff}.timer-circle b{position:relative;z-index:1;font-size:24px;color:#0b0b0b;letter-spacing:.02em}.timer-panel.active .timer-circle{background:conic-gradient(#facc15 calc(var(--timer-pct) * 1%),rgba(255,255,255,.18) 0)}.timer-panel.active .timer-circle:before{background:#0b0b0b}.timer-panel.active .timer-circle b{color:#facc15}.timer-panel:not(.active) .timer-circle{opacity:.55}.timer-panel:not(.active) .timer-circle b:empty:after{content:"--:--";font-size:20px;color:#686868}@media(max-width:520px){.timer-panel{grid-template-columns:1fr;justify-items:center}.timer-circle{width:118px;height:118px}.timer-circle b{font-size:28px}}

/* Fondo negro completo - Gyngo Pro */
:root{--bg:#050505;--panel:#101010;--ink:#ffffff;--muted:#c9c9c9;--line:rgba(250,204,21,.22);--brand:#0b0b0b;--brand2:#facc15;--danger:#ef233c;--warn:#facc15;--ok:#facc15;--shadow:0 16px 38px rgba(0,0,0,.48);}
html,body{background:#050505;color:#ffffff;}
body{background:radial-gradient(circle at 18% 0%,rgba(250,204,21,.11),transparent 28%),radial-gradient(circle at 92% 18%,rgba(239,35,60,.10),transparent 28%),#050505;}
.layout,.main,.student-shell,.student-app,.workout-head{background:transparent;color:#ffffff;}
.side{background:#000;border-right:1px solid rgba(250,204,21,.18);}
.card,.auth-card,.mini-card,.exercise-card,.student-exercise,.single-exercise,.workout-nav-card,.day-choice,.week-row,.plan-block,.plan-block-editor,.modal-box,.student-bottom-nav{background:#101010;color:#ffffff;border-color:rgba(250,204,21,.20);box-shadow:var(--shadow);}
.auth-wrap{background:radial-gradient(circle at 20% 0%,rgba(250,204,21,.18),transparent 34%),radial-gradient(circle at 90% 20%,rgba(239,35,60,.16),transparent 28%),#050505;}
.title p,.muted,.mini-card span,.day-choice small,.week-row small,.plan-block span,.exercise-main small,label,.table th,.timer-copy small{color:#c9c9c9;}
input,select,textarea{background:#070707;color:#ffffff;border-color:rgba(250,204,21,.28);}
input::placeholder,textarea::placeholder{color:#8b8b8b;}
.table th,.table td{border-bottom-color:rgba(250,204,21,.16);}
.tab{background:#101010;color:#ffffff;border-color:rgba(250,204,21,.25);}
.tab.active{background:#facc15;color:#0b0b0b;border-color:#facc15;}
.btn{background:#facc15;color:#0b0b0b;}
.btn.ok{background:#facc15;color:#0b0b0b;}
.btn.secondary{background:#171717;color:#facc15;border:1px solid rgba(250,204,21,.35);}
.btn.light{background:#101010;color:#ffffff;border:1px solid rgba(250,204,21,.25);}
.btn.warn{background:#facc15;color:#0b0b0b;}
.btn.danger{background:#ef233c;color:#ffffff;}
.brand-badge,.student-logo span,.exercise-number,.exercise-pick span{background:#facc15;color:#0b0b0b;}
.hero,.student-hero{background:linear-gradient(145deg,#000,#141414);border:1px solid rgba(250,204,21,.22);}
.student-hero p,.hero p{color:#eeeeee;}
.student-bottom-nav button{color:#c9c9c9;}
.student-bottom-nav button.active{background:#facc15;color:#0b0b0b;}
.progress-wrap{background:#242424;}
.progress-bar{background:#facc15;}
.pill,.pill.ok,.pill.info{background:rgba(250,204,21,.16);color:#facc15;border:1px solid rgba(250,204,21,.25);}
.pill.warn{background:#facc15;color:#0b0b0b;}
.pill.danger{background:rgba(239,35,60,.16);color:#ff6b7a;border:1px solid rgba(239,35,60,.35);}
.exercise-card.done,.student-exercise.done,.single-exercise.done{background:rgba(250,204,21,.12);border-color:#facc15;}
.exercise-card.skipped,.student-exercise.skipped,.single-exercise.skipped,.single-exercise.partial{background:rgba(250,204,21,.08);border-color:rgba(250,204,21,.65);}
.exercise-card.pain,.student-exercise.pain,.single-exercise.pain{background:rgba(239,35,60,.12);border-color:#ef233c;}
.exercise-main p,.single-exercise p,.plan-block p,.week-row p,.session-detail{color:#eeeeee;}
.exercise-pick{background:#101010;color:#ffffff;border-color:rgba(250,204,21,.22);}
.exercise-pick.active,.day-choice.active{background:#facc15;color:#0b0b0b;border-color:#facc15;}
.exercise-pick.active small,.day-choice.active small{color:#0b0b0b;}
.series-pill{background:#101010;color:#c9c9c9;border-color:rgba(250,204,21,.22);}
.series-pill.current{background:rgba(250,204,21,.18);color:#facc15;border-color:#facc15;}
.series-pill.done{background:#facc15;color:#0b0b0b;border-color:#facc15;}
.timer-panel{background:#101010;border-color:rgba(250,204,21,.28);}
.timer-panel span{color:#ffffff;}
.timer-panel.active{background:#000;border-color:#facc15;color:#ffffff;}
.timer-panel.active span{color:#facc15;}
.timer-circle{background:conic-gradient(#facc15 calc(var(--timer-pct) * 1%),#252525 0);}
.timer-circle:before{background:#050505;}
.timer-circle b{color:#facc15;}
.timer-panel.active .timer-circle:before{background:#000;}
.modal{background:rgba(0,0,0,.72);}
.toast{background:#facc15;color:#0b0b0b;}
.spinner{border-color:#242424;border-top-color:#facc15;}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#facc15;border-radius:999px;border:2px solid #050505}