:root{--bg:#f5f6fb;--bg-2:#eceffa;--surface:#ffffff;--surface-2:#f7f8fc;--surface-3:#eef1f8;--text:#17192b;--muted:#6b7187;--line:#dfe3ee;--line-strong:#cbd2e2;--brand:#7158ff;--brand-2:#21cfa7;--cyan:#3cc8ff;--orange:#ff8b5c;--pink:#ff67ac;--yellow:#ffd34f;--danger:#e84d68;--success:#15b985;--shadow:0 18px 48px rgba(50,57,92,.10);--shadow-lg:0 35px 90px rgba(58,62,108,.17);--chart-line:#7158ff;--chart-line-2:#14bfa0;--chart-grid:rgba(72,79,112,.12);--radius:24px;--radius-sm:16px;--header:72px;color-scheme:light}
html[data-theme=dark]{--bg:#090d1a;--bg-2:#0d1324;--surface:#12182a;--surface-2:#171e33;--surface-3:#1c243a;--text:#f7f8ff;--muted:#a1abc2;--line:#25304a;--line-strong:#34415f;--brand:#8c79ff;--brand-2:#43e1b6;--cyan:#58d5ff;--orange:#ff9b68;--pink:#ff79b8;--yellow:#ffda63;--danger:#ff6680;--success:#3ee0aa;--shadow:0 18px 48px rgba(0,0,0,.23);--shadow-lg:0 35px 90px rgba(0,0,0,.36);--chart-line:#9b89ff;--chart-line-2:#42ddb5;--chart-grid:rgba(180,191,220,.12);color-scheme:dark}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;background:radial-gradient(circle at 8% 0%,rgba(113,88,255,.10),transparent 28%),radial-gradient(circle at 95% 12%,rgba(33,207,167,.08),transparent 26%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.app-header{height:var(--header);position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:0 28px;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line)}.brand{border:0;background:none;color:var(--text);display:flex;align-items:center;gap:11px;padding:0;font-size:19px;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#171d35,#242d4d);color:#63edcb;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.brand-mark span{color:#fff}.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.desktop-nav button{border:0;background:transparent;color:var(--muted);font-weight:750;padding:10px 13px;border-radius:12px}.desktop-nav button:hover,.desktop-nav button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 0 var(--line)}.header-actions{display:flex;align-items:center;gap:10px}.theme-switch{display:flex;padding:3px;border:1px solid var(--line);background:var(--surface);border-radius:13px}.theme-switch button{width:31px;height:31px;border:0;border-radius:9px;background:transparent;color:var(--muted)}.theme-switch button.active{background:var(--surface-3);color:var(--text)}.avatar-button{width:39px;height:39px;border-radius:50%;border:2px solid color-mix(in srgb,var(--brand) 50%,var(--line));background:linear-gradient(135deg,var(--brand),var(--pink));color:#fff;font-weight:900}.btn{border:1px solid transparent;border-radius:14px;padding:12px 18px;font-weight:850;letter-spacing:-.015em;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,var(--brand),#8d7aff 45%,var(--brand-2));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 24%,transparent)}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.btn.success{background:linear-gradient(135deg,#14c991,#5fe2b9);color:#073126;box-shadow:0 14px 32px rgba(20,201,145,.25)}.btn.danger{background:var(--danger);color:#fff}.btn.big{padding:15px 22px;border-radius:16px;font-size:16px}.btn.huge{padding:18px 28px;border-radius:18px;font-size:18px}.btn.compact{padding:10px 16px}.btn.full{width:100%}.main-stage{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:44px 0 80px}.kicker{font-size:12px;letter-spacing:.15em;font-weight:900;color:var(--brand-2);margin-bottom:13px}.landing{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:48px 0 22px}.hero-copy h1,.page-hero h1,.dash-hero h1,.create-copy h1,.hall-hero h1,.auth-art h1{margin:0;max-width:820px;font-size:clamp(46px,6vw,84px);line-height:.96;letter-spacing:-.065em;font-weight:900}.hero-copy h1 em,.page-hero h1 em,.dash-hero h1 em,.create-copy h1 em,.hall-hero h1 em{font-style:normal;background:linear-gradient(95deg,var(--brand),var(--pink),var(--orange));-webkit-background-clip:text;color:transparent}.hero-copy>p,.page-hero>div>p,.dash-hero>div>p,.create-copy>p,.hall-hero>div>p,.auth-art>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:670px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.mini-proof{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:750;margin-top:25px}.hero-game-card{position:relative;padding:29px;border-radius:32px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 95%,var(--brand) 5%),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}.hero-game-card:after{content:"";position:absolute;inset:auto -90px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(88,213,255,.26),transparent 70%);pointer-events:none}.game-card-head,.tile-top,.challenge-tags{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.mode-pill,.soft-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;border:1px solid var(--line)}.mode-pill.penalty{background:rgba(73,207,255,.12);border-color:rgba(73,207,255,.28);color:var(--cyan)}.mode-pill.neutral{background:rgba(113,88,255,.11);border-color:rgba(113,88,255,.28);color:#9d8cff}.mode-pill.good{background:rgba(255,139,92,.12);border-color:rgba(255,139,92,.3);color:var(--orange)}.soft-pill{color:var(--muted);background:var(--surface-2)}.status-live{font-size:11px;color:var(--success);font-weight:900;letter-spacing:.1em}.game-title{font-size:25px;font-weight:900;letter-spacing:-.035em;margin-top:34px}.hero-timer{font-size:clamp(68px,8vw,108px);font-variant-numeric:tabular-nums;line-height:1;font-weight:900;letter-spacing:-.07em;margin:24px 0}.timer-track{height:10px;background:var(--surface-3);border-radius:99px;overflow:hidden}.timer-track span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--cyan),var(--brand-2));border-radius:inherit}.hero-score{display:flex;align-items:flex-end;justify-content:space-between;margin-top:20px}.hero-score small{display:block;color:var(--muted);font-weight:700}.hero-score strong{font-size:32px}.trend-up{color:var(--success);font-weight:900}.friend-strip{display:flex;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.mini-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;font-weight:900;border:2px solid var(--surface)}.friend-strip .mini-avatar+ .mini-avatar{margin-left:-8px}.friend-strip small{margin-left:10px;color:var(--muted)}.hero-confetti{position:absolute;font-size:18px;color:var(--yellow);opacity:.8}.hero-confetti.c1{right:38px;top:62px;transform:rotate(20deg)}.hero-confetti.c2{right:90px;top:35px;color:var(--pink);font-size:10px}.hero-confetti.c3{left:30px;bottom:38px;color:var(--brand-2);font-size:13px}.feature-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:44px}.feature-strip article{padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.feature-strip article>span{font-size:24px}.feature-strip b{display:block;font-size:18px;margin:12px 0 6px}.feature-strip p{color:var(--muted);line-height:1.5;font-size:14px;margin:0}.auth-layout{display:grid;grid-template-columns:1fr 480px;gap:70px;align-items:center;min-height:calc(100vh - 160px)}.auth-art{position:relative}.auth-art h1{font-size:clamp(48px,6vw,78px)}.auth-orbit{margin-top:45px;position:relative;width:280px;height:160px}.auth-orbit div{position:absolute;left:92px;top:45px;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--pink));color:#fff;font-size:27px;font-weight:900;box-shadow:0 25px 60px rgba(113,88,255,.32)}.auth-orbit span{position:absolute;display:grid;place-items:center;width:50px;height:50px;background:var(--surface);border:1px solid var(--line);border-radius:50%;box-shadow:var(--shadow);font-size:20px}.auth-orbit span:nth-child(1){left:5px;top:20px}.auth-orbit span:nth-child(2){right:0;top:6px}.auth-orbit span:nth-child(3){right:20px;bottom:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}.auth-panel{padding:32px}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:22px}.panel-title>span{font-size:20px;font-weight:900;letter-spacing:-.025em}.panel-title small{color:var(--muted);text-align:right}.form-stack{display:grid;gap:18px}label{display:grid;gap:8px}label>span{font-size:12px;font-weight:850;color:var(--muted)}input,textarea,select{width:100%;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);border-radius:14px;padding:14px 15px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}textarea{min-height:105px;resize:vertical}.auth-flip{text-align:center;color:var(--muted);font-size:14px;margin-top:20px}.auth-flip button,.text-btn{border:0;background:none;color:var(--brand);font-weight:850;padding:0}.mail-burst,.modal-icon,.focus-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 14%,var(--surface)),color-mix(in srgb,var(--brand-2) 16%,var(--surface)));font-size:30px;margin-bottom:20px}.invite-badge{padding:13px;border:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));background:color-mix(in srgb,var(--brand) 7%,var(--surface));border-radius:14px;color:var(--muted);font-size:14px}.dash-hero,.page-hero,.challenge-heading,.team-banner,.hall-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}.dash-hero h1,.page-hero h1,.hall-hero h1{font-size:clamp(42px,5vw,70px)}.live-run-card{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:22px;padding:18px 22px;border-radius:22px;background:linear-gradient(105deg,#6956f5,#7d58f4 45%,#1ebda6);color:#fff;margin-bottom:18px;box-shadow:0 22px 50px rgba(100,79,232,.25);cursor:pointer}.live-run-copy{display:flex;align-items:center;gap:13px}.live-run-copy small{display:block;font-size:10px;letter-spacing:.1em;opacity:.78;font-weight:900}.live-run-copy b{font-size:18px}.pulse-dot{width:12px;height:12px;border-radius:50%;background:#6dffd2;box-shadow:0 0 0 0 rgba(109,255,210,.55);animation:pulse 1.8s infinite}.live-run-clock{font-size:27px;font-weight:900;font-variant-numeric:tabular-nums}.live-run-power{font-size:22px;font-weight:900}.chev{font-size:24px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0 42px}.stat-card{min-height:145px;border-radius:22px;padding:20px;display:flex;gap:15px;border:1px solid transparent;overflow:hidden;position:relative}.stat-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-35px;top:-45px;background:rgba(255,255,255,.12)}.stat-card.violet{background:linear-gradient(145deg,#6b57f8,#8c70ff);color:white}.stat-card.mint{background:linear-gradient(145deg,#19b98f,#48d5b3);color:#052b22}.stat-card.orange{background:linear-gradient(145deg,#ff8a55,#ffb05b);color:#3c1705}.stat-card.blue{background:linear-gradient(145deg,#36a8ff,#54d6e5);color:#062442}.stat-card.action{cursor:pointer}.stat-icon{font-size:28px;line-height:1}.stat-card small{font-weight:850;opacity:.78}.stat-card strong{display:block;font-size:35px;letter-spacing:-.04em;margin:7px 0 3px}.stat-card strong i{font-style:normal;font-size:16px}.stat-card p{margin:0;font-size:12px;font-weight:750;opacity:.76}.stat-card .small-number{font-size:27px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:32px 0 17px}.section-head .kicker{margin-bottom:5px}.section-head h2{font-size:28px;margin:0;letter-spacing:-.04em}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.challenge-tile{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow);cursor:pointer;transition:transform .18s ease,border-color .18s ease}.challenge-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.challenge-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.challenge-tile.penalty:before{background:var(--cyan)}.challenge-tile.neutral:before{background:var(--brand)}.challenge-tile.good:before{background:var(--orange)}.team-mini{font-size:12px;color:var(--muted);font-weight:800}.challenge-tile h3{font-size:24px;letter-spacing:-.04em;margin:22px 0 6px}.challenge-tile p{height:43px;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.55}.target-lockup{margin:23px 0 18px}.target-lockup small{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em}.target-lockup strong{font-size:40px;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.tile-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:12px}.tile-bottom b{color:var(--text);font-size:16px}.empty-quest{text-align:center;padding:55px 20px;border:1px dashed var(--line-strong);border-radius:25px;background:var(--surface)}.empty-quest>div{font-size:42px}.empty-quest h3{font-size:25px;margin:12px 0 7px}.empty-quest p{color:var(--muted)}.recent-zone{margin-top:45px}.run-list{display:grid;gap:8px}.run-list button,.run-list>div,.history-feed button,.mini-game-list button{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;padding:13px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;text-align:left}.run-list button:hover,.history-feed button:hover,.mini-game-list button:hover{border-color:var(--line-strong);background:var(--surface-2)}.run-list b,.history-feed b,.mini-game-list b{display:block}.run-list small,.history-feed small,.mini-game-list small{color:var(--muted);display:block;margin-top:3px}.run-badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3)}.run-badge.penalty{color:var(--cyan)}.run-badge.neutral{color:var(--brand)}.run-badge.good{color:var(--orange)}.run-time{font-variant-numeric:tabular-nums;color:var(--muted)}.create-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.create-copy{position:sticky;top:115px}.create-copy h1{font-size:clamp(50px,6vw,82px)}.create-preview{width:230px;margin-top:35px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}.create-preview>span{font-size:27px}.create-preview small{display:block;color:var(--muted);font-weight:800;margin:12px 0 5px}.create-preview strong{font-size:38px;font-variant-numeric:tabular-nums}.create-form{display:grid;gap:22px;padding:28px}.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-picker button{min-height:120px;text-align:left;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:18px;padding:16px}.mode-picker button:hover{border-color:var(--line-strong)}.mode-picker button.active{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 11%,transparent);background:color-mix(in srgb,var(--brand) 7%,var(--surface))}.mode-picker button>span{font-size:22px}.mode-picker button b,.mode-picker button small{display:block}.mode-picker button b{margin:12px 0 5px}.mode-picker button small{color:var(--muted);line-height:1.4}.quick-targets{display:flex;gap:7px;flex-wrap:wrap}.quick-targets button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:99px;padding:8px 12px;font-size:12px;font-weight:850}.quick-targets button:hover{border-color:var(--brand);color:var(--brand)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.challenge-heading h1{margin:12px 0 8px;font-size:clamp(43px,6vw,72px);letter-spacing:-.055em}.challenge-heading p{color:var(--muted);max-width:670px;font-size:16px}.target-orb{min-width:170px;height:130px;border-radius:28px;background:linear-gradient(145deg,var(--brand),var(--pink));color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 20px 50px rgba(113,88,255,.25)}.target-orb small{font-size:10px;letter-spacing:.12em;font-weight:900;opacity:.78}.target-orb strong{font-size:38px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.timer-arena{display:grid;grid-template-columns:1fr .75fr;gap:35px;align-items:center;min-height:490px;background:var(--surface);border:1px solid var(--line);border-radius:32px;padding:40px;box-shadow:var(--shadow-lg)}.timer-ring{--progress:0%;width:min(390px,80vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(var(--brand) var(--progress),var(--surface-3) var(--progress));position:relative}.timer-ring:before{content:"";position:absolute;inset:11px;background:var(--surface);border-radius:50%}.timer-ring>div{z-index:1;text-align:center}.timer-ring small{display:block;font-size:11px;letter-spacing:.16em;color:var(--muted);font-weight:900}.timer-ring strong{display:block;font-size:clamp(65px,8vw,100px);letter-spacing:-.07em;font-variant-numeric:tabular-nums;line-height:1;margin:15px 0}.timer-ring span{color:var(--muted);font-weight:850}.timer-arena.good .timer-ring{background:conic-gradient(var(--orange) var(--progress),var(--surface-3) var(--progress))}.finish-box{display:grid;gap:15px}.danger-link{border:0;background:none;color:var(--danger);font-weight:800;padding:8px}.ready-card{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--brand) 6%,var(--surface)));border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.ready-card h2{font-size:31px;letter-spacing:-.04em;margin:7px 0}.ready-card p{color:var(--muted);max-width:650px;line-height:1.6}.ready-emoji{font-size:30px}.challenge-lower{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.run-list.compact>div{box-shadow:none}.leader-list{display:grid;gap:7px}.leader-list>div{display:grid;grid-template-columns:34px 36px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:14px}.leader-list>div:nth-child(odd){background:var(--surface-2)}.leader-list .rank{font-weight:900;color:var(--muted);text-align:center}.leader-list em{font-style:normal;font-size:9px;text-transform:uppercase;background:var(--surface-3);padding:4px 6px;border-radius:6px;color:var(--muted)}.leader-list small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.leader-list>div>strong{font-size:17px}.small-empty{text-align:center;color:var(--muted);padding:34px 14px}.share-strip{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:color-mix(in srgb,var(--brand) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:18px}.share-strip>div{display:flex;align-items:center;gap:12px}.share-strip>div>span{font-size:25px}.share-strip small{display:block;color:var(--muted);margin-top:3px}.level-chip{min-width:210px;background:linear-gradient(135deg,var(--brand),var(--pink));color:#fff;border-radius:25px;padding:22px;text-align:center;box-shadow:0 20px 50px rgba(113,88,255,.23)}.level-chip small,.level-chip span{display:block;opacity:.78;font-weight:800}.level-chip strong{display:block;font-size:44px;margin:5px 0}.progress-stats{margin-top:0}.chart-panel{margin:15px 0}.chart-wrap{height:320px}.achievement-zone{margin:38px 0}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.achievement-grid article{display:flex;gap:13px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:17px}.achievement-grid article>span{font-size:29px}.achievement-grid b,.achievement-grid small{display:block}.achievement-grid small{color:var(--muted);margin-top:3px}.score-table{overflow-x:auto}.score-head,.score-table button{min-width:700px;display:grid;grid-template-columns:2.4fr .5fr .7fr .7fr .8fr;align-items:center;gap:10px}.score-head{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;padding:0 12px 10px}.score-table button{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);padding:13px 12px;text-align:left}.score-table button:hover{background:var(--surface-2)}.score-table button small{display:block;color:var(--muted);margin-top:3px}.score-table button strong{color:var(--brand)}.history-feed{display:grid;gap:7px}.history-feed button{border:0;background:var(--surface-2)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.team-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow);cursor:pointer}.team-grid article:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));transform:translateY(-2px)}.team-grid h3{margin:0 0 5px;font-size:20px}.team-grid p{margin:0;color:var(--muted);font-size:13px}.team-logo{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),var(--cyan));color:#fff;font-weight:900;font-size:20px}.team-logo.big{width:78px;height:78px;border-radius:23px;font-size:30px}.team-banner{align-items:center;background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 7%,var(--surface)),var(--surface));border:1px solid var(--line);border-radius:28px;padding:25px}.team-banner h1{margin:3px 0;font-size:43px;letter-spacing:-.05em}.team-banner p{margin:0;color:var(--muted)}.team-banner-actions{margin-left:auto;display:flex;gap:9px}.team-split{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.team-split.lower{grid-template-columns:1fr 1fr}.compare-bars{display:grid;gap:13px}.compare-bars>div{display:grid;grid-template-columns:35px 110px 1fr 52px;gap:9px;align-items:center}.compare-bars b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-bars>div>div{height:8px;background:var(--surface-3);border-radius:99px;overflow:hidden}.compare-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--cyan),var(--brand-2))}.mini-game-list{display:grid;gap:7px}.mini-game-list button{border:0;background:var(--surface-2)}.team-settings{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.team-settings p{color:var(--muted);margin:5px 0 0;font-size:13px}.switch{display:inline-flex}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{display:block;width:50px;height:29px;border-radius:99px;background:var(--surface-3);border:1px solid var(--line-strong);padding:3px;transition:.18s}.switch span:after{content:"";display:block;width:21px;height:21px;border-radius:50%;background:var(--muted);transition:.18s}.switch input:checked+span{background:color-mix(in srgb,var(--brand-2) 35%,var(--surface));border-color:var(--brand-2)}.switch input:checked+span:after{transform:translateX(20px);background:var(--brand-2)}.team-leave{margin:18px auto;display:block}.hall-hero{background:linear-gradient(110deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),color-mix(in srgb,var(--orange) 7%,var(--surface)));border:1px solid var(--line);border-radius:30px;padding:30px}.hall-hero h1{font-size:clamp(42px,5vw,66px)}.trophy{font-size:76px;filter:drop-shadow(0 14px 18px rgba(255,180,20,.18))}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:end;margin:28px auto;max-width:850px}.podium article{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:28px 16px;box-shadow:var(--shadow)}.podium article.p0{order:2;transform:translateY(-14px);border-color:color-mix(in srgb,var(--yellow) 55%,var(--line))}.podium article.p1{order:1}.podium article.p2{order:3}.medal{font-size:32px}.podium-avatar{width:60px;height:60px;margin:13px auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--pink));color:#fff;font-size:23px;font-weight:900}.podium h3{margin:7px}.podium strong{display:block;font-size:30px}.podium small{color:var(--muted)}.hall-list{max-width:950px;margin:auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid .panel{display:grid;gap:18px;align-content:start}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.setting-row p,.danger-panel>p{color:var(--muted);line-height:1.55;font-size:13px}.theme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-cards button{display:grid;gap:7px;place-items:center;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:15px;padding:17px}.theme-cards button.active{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.theme-cards span{font-size:23px}.danger-panel{border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:color-mix(in srgb,var(--danger) 3%,var(--surface))}.focus-page{min-height:calc(100vh - 180px);display:grid;place-items:center}.focus-card{max-width:560px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:35px;text-align:center;box-shadow:var(--shadow-lg)}.focus-card .focus-icon{margin:0 auto 20px}.focus-card h1{font-size:40px;letter-spacing:-.05em;margin:10px 0}.focus-card p{color:var(--muted);line-height:1.6}.focus-card label{text-align:left;margin:25px 0}.danger-focus{border-color:color-mix(in srgb,var(--danger) 33%,var(--line))}.public-page{max-width:980px;margin:auto}.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(5,8,18,.66);display:grid;place-items:center;padding:18px}.modal-card{position:relative;width:min(480px,100%);background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 40px 100px rgba(0,0,0,.4)}.modal-card h2{font-size:29px;letter-spacing:-.04em;margin:7px 0}.modal-card>p{color:var(--muted);line-height:1.55}.modal-card form{display:grid;gap:18px;margin-top:22px}.modal-x{position:absolute;right:15px;top:14px;border:0;background:var(--surface-2);color:var(--muted);width:34px;height:34px;border-radius:50%;font-size:20px}.result-modal{text-align:center}.result-burst{font-size:52px;color:var(--yellow);animation:pop .5s ease}.result-modal h2{font-size:55px;margin:5px 0 0}.result-power{font-size:32px;font-weight:900;color:var(--brand);margin:5px 0 15px}.toast{position:fixed;right:22px;bottom:24px;z-index:120;display:flex;align-items:center;gap:10px;max-width:420px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);padding:14px 17px;border-radius:15px;font-weight:750}.toast>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3)}.toast.success{border-color:color-mix(in srgb,var(--success) 40%,var(--line))}.toast.error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.toast-enter-active,.toast-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)}.busy-line{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:linear-gradient(90deg,var(--brand),var(--cyan),var(--brand-2),var(--pink));background-size:220% 100%;animation:busy 1s linear infinite}.boot-screen{position:fixed;inset:0;background:var(--bg);display:grid;place-items:center;z-index:300}.boot-logo{width:82px;height:82px;display:grid;place-items:center;border-radius:25px;background:#151c34;color:#62edc9;font-size:33px;font-weight:900;box-shadow:var(--shadow-lg)}.boot-logo span{color:white}.boot-pulse{position:absolute;width:100px;height:100px;border:2px solid var(--brand);border-radius:30px;animation:boot 1.3s infinite}.mobile-nav{display:none}.noscript{padding:30px;text-align:center}.guest-nav{margin-left:auto}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(109,255,210,0)}100%{box-shadow:0 0 0 0 rgba(109,255,210,0)}}@keyframes busy{to{background-position:-220% 0}}@keyframes pop{0%{transform:scale(.2) rotate(-25deg);opacity:0}70%{transform:scale(1.2) rotate(8deg)}100%{transform:scale(1)}}@keyframes boot{0%{transform:scale(.78);opacity:.7}100%{transform:scale(1.3);opacity:0}}
@media(max-width:1050px){.desktop-nav{display:none}.main-stage{width:min(100% - 28px,900px);padding-top:28px}.landing{grid-template-columns:1fr;gap:28px}.feature-strip{grid-template-columns:repeat(2,1fr)}.hero-game-card{max-width:700px}.auth-layout{grid-template-columns:1fr;gap:25px}.auth-art{display:none}.auth-panel{max-width:520px;width:100%;margin:auto}.stat-grid{grid-template-columns:repeat(2,1fr)}.challenge-grid{grid-template-columns:repeat(2,1fr)}.create-page{grid-template-columns:1fr}.create-copy{position:static}.create-preview{display:none}.team-grid{grid-template-columns:repeat(2,1fr)}.team-split,.team-split.lower{grid-template-columns:1fr}.timer-arena{grid-template-columns:1fr}.challenge-lower{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:60;left:50%;bottom:12px;transform:translateX(-50%);width:min(540px,calc(100% - 22px));height:66px;display:grid;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:center;padding:5px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.mobile-nav button{height:54px;border:0;background:none;color:var(--muted);border-radius:16px;display:grid;place-items:center;align-content:center;gap:1px}.mobile-nav button>span{font-size:18px;font-weight:900}.mobile-nav button small{font-size:9px;font-weight:850}.mobile-nav button.active{color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.mobile-nav .mobile-create{width:58px;height:58px;margin-top:-18px;justify-self:center;border-radius:20px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 12px 30px rgba(113,88,255,.3)}.mobile-nav .mobile-create span{font-size:30px}.main-stage{padding-bottom:105px}.app-header{padding:0 16px}.header-actions .btn.compact{display:none}.team-banner{flex-wrap:wrap}.team-banner-actions{margin-left:0}.dash-hero,.page-hero{align-items:flex-start}.dash-hero>.btn,.page-hero>.btn{display:none}}
@media(max-width:680px){:root{--header:62px;--radius:20px}.app-header{gap:10px}.brand b{font-size:17px}.brand-mark{width:34px;height:34px}.theme-switch{display:none}.main-stage{width:calc(100% - 22px);padding-top:22px}.hero-copy h1,.dash-hero h1,.page-hero h1,.create-copy h1,.hall-hero h1{font-size:43px}.hero-copy>p,.dash-hero>div>p,.page-hero>div>p{font-size:15px}.landing{padding-top:12px}.hero-game-card{padding:22px}.hero-timer{font-size:69px}.feature-strip{grid-template-columns:1fr}.mini-proof{gap:9px}.mini-proof span{width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:30px}.stat-card{min-height:126px;padding:15px;display:block}.stat-card .stat-icon{font-size:21px}.stat-card strong{font-size:28px}.stat-card p{display:none}.section-head h2{font-size:24px}.challenge-grid{grid-template-columns:1fr}.challenge-tile{padding:19px}.challenge-tile p{height:auto}.create-form{padding:18px}.mode-picker{grid-template-columns:1fr}.mode-picker button{min-height:0;display:grid;grid-template-columns:auto 1fr;column-gap:12px}.mode-picker button>span{grid-row:1/3}.mode-picker button b{margin:0}.form-row{grid-template-columns:1fr}.challenge-heading{align-items:flex-start}.challenge-heading .target-orb{display:none}.challenge-heading h1{font-size:43px}.timer-arena{padding:19px;min-height:auto}.timer-ring{width:min(330px,86vw)}.timer-ring strong{font-size:67px}.ready-card{display:grid;padding:23px}.ready-card .btn{width:100%}.challenge-lower{gap:9px}.panel{padding:18px}.chart-wrap{height:240px}.achievement-grid{grid-template-columns:1fr}.score-table{margin:0 -18px;padding:0 18px}.team-grid{grid-template-columns:1fr}.team-banner{padding:20px}.team-logo.big{width:58px;height:58px}.team-banner h1{font-size:34px}.team-banner-actions{width:100%}.team-banner-actions .btn{flex:1}.compare-bars>div{grid-template-columns:32px 80px 1fr 47px}.hall-hero{padding:21px;align-items:center}.trophy{font-size:47px}.podium{grid-template-columns:1fr;max-width:430px}.podium article,.podium article.p0{order:initial;transform:none;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;text-align:left;padding:16px}.podium-avatar{width:42px;height:42px;margin:0}.podium .medal{font-size:24px}.podium h3{margin:0 8px}.podium strong{font-size:21px}.podium small{display:none}.settings-grid{gap:9px}.theme-cards{grid-template-columns:1fr 1fr 1fr}.auth-panel{padding:22px}.focus-card{padding:25px}.focus-card h1{font-size:34px}.live-run-card{grid-template-columns:1fr auto;padding:15px}.live-run-power,.chev{display:none}.live-run-clock{font-size:22px}.share-strip{align-items:flex-start;flex-direction:column}.share-strip .btn{width:100%}.toast{left:11px;right:11px;bottom:88px}.modal-card{padding:24px}.run-list button,.history-feed button,.mini-game-list button{grid-template-columns:auto 1fr auto}.run-list button>strong,.history-feed button>strong{grid-column:3}.run-time{display:none}.leader-list>div{grid-template-columns:27px 34px 1fr auto}.panel-title{align-items:flex-start}.panel-title small{max-width:45%}.guest-nav{display:none}}

.tracking-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tracking-picker button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:18px;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;text-align:left;align-items:center}.tracking-picker button>span{grid-row:1/3;font-size:25px}.tracking-picker button b{font-size:15px}.tracking-picker button small{color:var(--muted);font-weight:700}.tracking-picker button.active{border-color:color-mix(in srgb,var(--brand-2) 65%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand-2) 11%,var(--surface)),color-mix(in srgb,var(--cyan) 7%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-2) 20%,transparent)}
.planner-page{display:grid;gap:24px}.planner-hero{margin-bottom:0}.planner-tabs{display:flex;gap:7px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);width:max-content;max-width:100%;overflow:auto}.planner-tabs button{border:0;background:transparent;color:var(--muted);font-weight:850;padding:11px 15px;border-radius:13px;white-space:nowrap}.planner-tabs button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 13%,var(--surface-2)),color-mix(in srgb,var(--brand-2) 10%,var(--surface-2)));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 20%,var(--line))}.planner-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.75fr);gap:16px;align-items:start}.calendar-layout{grid-template-columns:minmax(0,1.8fr) minmax(330px,.7fr)}.calendar-panel{padding:18px}.calendar-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:14px}.calendar-head>button{height:42px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:13px;font-size:26px}.calendar-head>div{text-align:center}.calendar-head h2{margin:0;font-size:22px;letter-spacing:-.03em}.calendar-head .text-btn{font-size:11px;margin-top:3px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week span{text-align:center;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:7px}.calendar-day{min-height:116px;border-top:1px solid var(--line);border-left:1px solid var(--line);padding:8px;overflow:hidden;background:color-mix(in srgb,var(--surface) 97%,var(--brand) 3%)}.calendar-day:nth-child(7n){border-right:1px solid var(--line)}.calendar-day:nth-last-child(-n+7){border-bottom:1px solid var(--line)}.calendar-day:nth-child(1){border-radius:14px 0 0 0}.calendar-day:nth-child(7){border-radius:0 14px 0 0}.calendar-day:nth-child(36){border-radius:0 0 0 14px}.calendar-day:nth-child(42){border-radius:0 0 14px 0}.calendar-day.muted{opacity:.38}.calendar-day.today{background:color-mix(in srgb,var(--brand) 8%,var(--surface));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand) 45%,transparent)}.calendar-day>b{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;font-size:12px;margin-bottom:5px}.calendar-day.today>b{background:var(--brand);color:#fff}.calendar-day>small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.calendar-event{width:100%;border:0;border-radius:7px;padding:5px 6px;margin:2px 0;background:var(--surface-3);color:var(--text);font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.calendar-event.penalty{border-left:3px solid var(--cyan)}.calendar-event.neutral{border-left:3px solid var(--brand)}.calendar-event.good{border-left:3px solid var(--orange)}.planner-form{display:grid;gap:15px;position:sticky;top:calc(var(--header) + 18px)}.planner-form label{display:grid;gap:7px}.schedule-list{display:grid;gap:6px;max-height:300px;overflow:auto}.schedule-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.schedule-list>div>span{font-size:16px}.schedule-list b{display:block;font-size:12px}.schedule-list small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.schedule-list button{border:0;background:transparent;color:var(--muted);font-size:18px}.library-zone{display:grid;gap:18px}.library-zone .section-head>div:last-child{display:flex;gap:10px;align-items:center}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.library-grid article{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:.18s ease}.library-grid article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 28%,var(--line));box-shadow:var(--shadow-lg)}.library-main{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;border:0;background:transparent;color:var(--text);padding:19px;text-align:left}.library-icon{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;font-size:19px;background:var(--surface-3)}.library-icon.penalty{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,var(--surface-3))}.library-icon.neutral{color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface-3))}.library-icon.good{color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--surface-3))}.library-main small{color:var(--brand-2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.library-main h3{margin:4px 0 3px;font-size:18px}.library-main p{margin:0;color:var(--muted);font-size:11px}.library-meta{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:10px 19px;color:var(--muted);font-size:10px;font-weight:750}.library-meta button{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:850}.archived-box{margin-top:10px}.chip-list{display:flex;gap:8px;flex-wrap:wrap}.chip-list button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);padding:8px 11px;border-radius:999px;font-size:11px}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.goal-grid article{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.goal-grid article:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand),var(--pink),var(--orange))}.goal-top{display:flex;justify-content:space-between;font-size:23px}.goal-top button{border:0;background:transparent;color:var(--muted);font-size:18px}.goal-grid h3{margin:12px 0 2px;font-size:19px}.goal-grid p{margin:0;color:var(--muted);font-size:12px}.goal-number{display:flex;align-items:baseline;gap:5px;margin:18px 0 8px}.goal-number strong{font-size:42px;letter-spacing:-.06em}.goal-number span{color:var(--muted);font-weight:800}.goal-track{height:10px;border-radius:99px;background:var(--surface-3);overflow:hidden}.goal-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-2));box-shadow:0 0 18px color-mix(in srgb,var(--brand-2) 30%,transparent)}.goal-grid article>small{display:block;color:var(--muted);font-size:10px;margin:8px 0 15px}.empty-quest.mini{min-height:260px}.rewards-layout{align-items:start}.reward-wallet{padding:24px;border:1px solid color-mix(in srgb,var(--yellow) 28%,var(--line));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--yellow) 8%,var(--surface)),color-mix(in srgb,var(--pink) 5%,var(--surface)));box-shadow:var(--shadow);margin-bottom:25px}.reward-wallet h2{margin:0;font-size:27px}.wallet-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.wallet-chips span{padding:10px 13px;border-radius:13px;background:var(--surface);border:1px solid var(--line);font-size:12px;color:var(--muted)}.wallet-chips b{color:var(--text);font-size:17px}.reward-feed{display:grid;gap:7px}.reward-feed>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 15px;border:1px solid var(--line);background:var(--surface);border-radius:15px}.reward-feed>div>span{font-size:21px}.reward-feed b{display:block}.reward-feed small{display:block;color:var(--muted);margin-top:3px}.reward-feed strong{color:var(--brand-2)}.reward-example{font-size:11px;color:var(--muted);padding:11px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--line-strong)}.result-rewards{display:grid;gap:6px;margin:0 0 16px}.result-rewards span{display:block;padding:9px 11px;border-radius:12px;background:color-mix(in srgb,var(--yellow) 10%,var(--surface-2));border:1px solid color-mix(in srgb,var(--yellow) 25%,var(--line));font-size:12px;font-weight:900;color:var(--text)}
@media(max-width:1050px){.planner-grid,.calendar-layout,.rewards-layout{grid-template-columns:1fr}.planner-form{position:static}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:100px}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.tracking-picker{grid-template-columns:1fr}.planner-tabs{width:100%;border-radius:15px}.planner-tabs button{flex:1;padding:10px 12px}.library-grid,.goal-grid{grid-template-columns:1fr}.calendar-panel{padding:10px;overflow:auto}.calendar-week,.calendar-grid{min-width:650px}.calendar-day{min-height:92px;padding:6px}.calendar-event{font-size:8px}.planner-form{padding:17px}.reward-feed>div{grid-template-columns:auto 1fr}.reward-feed strong{grid-column:2}.library-zone .section-head{align-items:flex-start}.library-zone .section-head>div:last-child{width:100%;justify-content:space-between}}

/* Responsive hardening */
html,body,#app,.app-shell{width:100%;max-width:100%;overflow-x:clip}
body{min-width:0}
img,svg,canvas,video{max-width:100%;height:auto}
.app-header,.main-stage,.landing,.feature-strip,.auth-layout,.dash-hero,.page-hero,.challenge-heading,.team-banner,.timer-arena,.challenge-lower,.settings-grid,.team-split,.planner-grid,.calendar-layout,.rewards-layout,.library-grid,.goal-grid,.stat-grid,.challenge-grid,.team-grid,.podium,.form-row,.tracking-picker,.mode-picker{min-width:0}
.app-header>*,.main-stage>*,.landing>*,.feature-strip>*,.auth-layout>*,.dash-hero>*,.page-hero>*,.challenge-heading>*,.team-banner>*,.timer-arena>*,.challenge-lower>*,.settings-grid>*,.team-split>*,.planner-grid>*,.calendar-layout>*,.rewards-layout>*,.library-grid>*,.goal-grid>*,.stat-grid>*,.challenge-grid>*,.team-grid>*,.podium>*,.form-row>*,.tracking-picker>*,.mode-picker>*{min-width:0}
.main-stage{width:min(1280px,calc(100% - clamp(24px,4vw,56px)))}
.panel,.challenge-tile,.stat-card,.team-grid article,.library-grid article,.goal-grid article,.reward-wallet,.calendar-panel{max-width:100%;min-width:0}
input,select,textarea,button{min-width:0;max-width:100%}
input,select,textarea{font-size:16px}
.run-list button,.history-feed button,.mini-game-list button,.leader-list>div,.reward-feed>div,.schedule-list>div{min-width:0}
.run-list button>div,.history-feed button>div,.mini-game-list button>div,.leader-list>div>div,.reward-feed>div>div,.schedule-list>div>div{min-width:0}
.run-list b,.run-list small,.history-feed b,.history-feed small,.mini-game-list b,.mini-game-list small,.leader-list b,.leader-list small,.reward-feed b,.reward-feed small,.schedule-list b,.schedule-list small{overflow-wrap:anywhere}
.library-main>div{min-width:0}.library-main h3,.library-main p{overflow:hidden;text-overflow:ellipsis}
.planner-tabs{scrollbar-width:none;-ms-overflow-style:none}.planner-tabs::-webkit-scrollbar{display:none}

@media(max-width:1180px){
  .app-header{gap:14px;padding-inline:20px}
  .desktop-nav button{padding:9px 10px;font-size:13px}
  .header-actions{gap:7px}
  .btn.compact{padding:9px 12px;font-size:13px}
  .brand{flex:0 0 auto}
}

@media(max-width:1050px){
  .app-header{height:64px}
  .main-stage{width:min(100% - 28px,900px);padding-top:26px}
  .mobile-nav{padding-bottom:max(5px,env(safe-area-inset-bottom))}
  .planner-grid,.calendar-layout,.rewards-layout{grid-template-columns:minmax(0,1fr)}
  .planner-form{position:static;top:auto}
  .calendar-panel{overflow:hidden}
}

@media(max-width:820px){
  .landing{grid-template-columns:minmax(0,1fr)}
  .feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-grid,.challenge-grid,.team-grid,.library-grid,.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-banner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}
  .team-banner-actions{grid-column:1/-1;width:100%;margin-left:0}
  .team-banner-actions .btn{flex:1}
  .calendar-day{min-height:90px;padding:6px}
  .calendar-event{padding:4px 5px}
}

@media(max-width:680px){
  :root{--header:60px;--radius:18px}
  body{background:radial-gradient(circle at 20% -5%,rgba(113,88,255,.11),transparent 32%),var(--bg)}
  .app-header{padding:0 12px;gap:8px}
  .brand{gap:8px}.brand b{font-size:16px}.brand-mark{width:34px;height:34px;border-radius:11px}
  .header-actions{margin-left:auto}.avatar-button{width:36px;height:36px}
  .main-stage{width:calc(100% - 20px);padding:18px 0 calc(100px + env(safe-area-inset-bottom))}
  .hero-copy h1,.dash-hero h1,.page-hero h1,.create-copy h1,.hall-hero h1{font-size:clamp(36px,11vw,48px);line-height:.98;letter-spacing:-.05em}
  .hero-copy>p,.dash-hero>div>p,.page-hero>div>p,.hall-hero>div>p{font-size:15px;line-height:1.55}
  .feature-strip,.stat-grid,.challenge-grid,.team-grid,.library-grid,.goal-grid,.settings-grid{grid-template-columns:minmax(0,1fr)}
  .feature-strip{margin-top:24px}
  .stat-card{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;padding:17px}.stat-card p{display:block}
  .panel,.auth-panel,.create-form,.planner-form{padding:16px;border-radius:18px}
  .section-head,.dash-hero,.page-hero,.challenge-heading,.hall-hero{gap:14px}
  .section-head{align-items:flex-start;flex-direction:column}.section-head>button,.section-head>div:last-child{max-width:100%}
  .planner-tabs{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px}
  .planner-tabs button{padding:9px 5px;font-size:10px;white-space:normal;line-height:1.2}
  .calendar-panel{padding:8px}
  .calendar-head{grid-template-columns:38px minmax(0,1fr) 38px;margin-bottom:8px}.calendar-head>button{height:38px}.calendar-head h2{font-size:18px}
  .calendar-week,.calendar-grid{min-width:0;width:100%;grid-template-columns:repeat(7,minmax(0,1fr))}
  .calendar-week span{padding:5px 1px;font-size:8px;letter-spacing:0}
  .calendar-day{min-width:0;min-height:64px;padding:4px 3px;overflow:hidden}
  .calendar-day>b{width:21px;height:21px;font-size:10px;margin-bottom:2px}
  .calendar-event{height:8px;min-height:8px;padding:0;margin:2px 0;border-radius:999px;font-size:0;line-height:0;border-left:0!important;background:var(--brand)}
  .calendar-event.penalty{background:var(--cyan)}.calendar-event.neutral{background:var(--brand)}.calendar-event.good{background:var(--orange)}
  .calendar-event span{display:none}.calendar-day>small{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .library-main{grid-template-columns:auto minmax(0,1fr) auto;padding:15px}.library-meta{padding:9px 15px;gap:8px;flex-wrap:wrap}
  .reward-feed>div{grid-template-columns:auto minmax(0,1fr)}.reward-feed strong{grid-column:2;justify-self:start}
  .schedule-list>div{grid-template-columns:auto minmax(0,1fr) auto}
  .goal-number strong{font-size:36px}
  .form-row,.tracking-picker,.mode-picker{grid-template-columns:minmax(0,1fr)}
  .timer-ring{width:min(300px,82vw);height:auto;aspect-ratio:1}.timer-ring strong{font-size:clamp(48px,16vw,70px)}
  .compare-bars>div{grid-template-columns:30px minmax(58px,82px) minmax(0,1fr) 44px;gap:6px}.compare-bars b{font-size:11px}
  .score-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.score-table table{min-width:620px}
  .toast{left:10px;right:10px;bottom:calc(82px + env(safe-area-inset-bottom));max-width:none}
  .modal-backdrop{padding:10px}.modal-card{max-height:calc(100dvh - 20px);overflow:auto;padding:20px;border-radius:20px}
  .mobile-nav{width:calc(100% - 16px);bottom:max(8px,env(safe-area-inset-bottom));height:64px;border-radius:20px;grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-nav .mobile-create{width:54px;height:54px}
}

@media(max-width:420px){
  .main-stage{width:calc(100% - 14px)}
  .app-header{padding-inline:8px}.brand b{display:none}
  .header-actions{gap:5px}.avatar-button{width:34px;height:34px}
  .hero-copy h1,.dash-hero h1,.page-hero h1,.create-copy h1,.hall-hero h1{font-size:36px}
  .hero-game-card{padding:18px;border-radius:22px}.hero-timer{font-size:58px}.hero-score strong{font-size:27px}
  .btn.big{padding:13px 16px;font-size:14px}.btn.huge{padding:15px 18px;font-size:16px}
  .planner-tabs button{font-size:9px;padding-inline:3px}
  .calendar-day{min-height:58px}.calendar-day>b{width:19px;height:19px}
  .team-banner{grid-template-columns:1fr}.team-logo.big{display:none}.team-banner-actions{display:grid;grid-template-columns:1fr}
  .theme-cards{grid-template-columns:1fr}
}

@media(min-width:1600px){
  .main-stage{width:min(1460px,calc(100% - 96px))}
  .challenge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .feature-strip{gap:18px}
}

.regional-panel{grid-column:1/-1}
.regional-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:4px}
.regional-grid .wide{grid-column:span 2}
.regional-grid label{min-width:0}
.regional-grid select,.regional-grid input{width:100%;min-width:0}
.regional-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.regional-preview span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.regional-preview b{font-size:14px}
.regional-preview small{flex-basis:100%;color:var(--muted);overflow-wrap:anywhere}
.regional-detect{margin-top:16px}
@media(max-width:900px){.regional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.regional-grid .wide{grid-column:1/-1}}
@media(max-width:560px){.regional-grid{grid-template-columns:minmax(0,1fr)}.regional-grid .wide{grid-column:auto}.regional-preview{align-items:flex-start;flex-direction:column;gap:5px}.regional-detect{width:100%}}
.regional-grid .check-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.regional-grid .check-setting>span{margin:0;font-weight:800}
.regional-grid .check-setting input[type=checkbox]{width:22px;height:22px;min-width:22px;accent-color:var(--accent)}
.regional-grid select{max-width:100%;text-overflow:ellipsis}
.regional-grid option{background:var(--surface);color:var(--text)}
@media(max-width:680px){.regional-panel{padding:18px}.regional-grid{gap:10px}.regional-grid label:not(.check-setting){display:block}.regional-preview b{font-size:16px}.regional-panel .btn.primary{width:100%}}
.lang-toggle{height:40px;min-width:42px;padding:0 10px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--text);font-size:12px;font-weight:900;letter-spacing:.08em;cursor:pointer}
.lang-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}
@media(max-width:680px){.lang-toggle{height:38px;min-width:38px;padding:0 8px}.header-actions .theme-switch{display:none}}
.library-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 18px}.library-toolbar label{flex:1;max-width:520px}.library-toolbar>div{display:flex;align-items:center;gap:6px;color:var(--muted);white-space:nowrap}.library-toolbar strong{color:var(--text);font-size:18px}.library-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.library-actions button,.archived-list button{border:0;background:transparent;color:var(--brand);padding:5px 7px;font-weight:650}.danger-text{color:var(--danger)!important}.archived-list{display:grid;gap:8px}.archived-list>div{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.archived-list>div>button:first-child{margin-right:auto;text-align:left;overflow:hidden;text-overflow:ellipsis}.history-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:center;border-bottom:1px solid var(--line)}.history-row:last-child{border-bottom:0}.history-open{width:100%;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;text-align:left}.history-delete,.row-delete{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);width:32px;height:32px;border-radius:10px;display:grid;place-items:center;padding:0}.history-delete:hover,.row-delete:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.run-list.compact>div{grid-template-columns:auto minmax(0,1fr) auto auto 34px}.data-panel{grid-column:1/-1}.data-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.data-action{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:17px;padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left}.data-action>span{font-size:24px}.data-action b{display:block;margin-bottom:3px}.data-action small{display:block;color:var(--muted);line-height:1.45}.data-action i{font-style:normal;color:var(--muted);font-size:20px}.security-panel{align-self:start}.password-email-link{margin-top:15px;text-align:left}.auth-help{justify-self:center;margin-top:2px}.edit-task-modal{width:min(650px,100%)}
@media(min-width:681px){body{font-weight:400}.brand{font-weight:600}.brand-mark,.avatar-button{font-weight:700}.desktop-nav button{font-weight:600}.btn{font-weight:650}.kicker{font-weight:700}.hero-copy h1,.page-hero h1,.dash-hero h1,.create-copy h1,.hall-hero h1,.auth-art h1{font-weight:700;letter-spacing:-.045em}.panel-title>span,.section-head h2,.challenge-tile h3,.library-grid h3,.goal-grid h3,.team-grid h3{font-weight:700}.stat-card strong,.target-lockup strong,.hero-score strong,.result-power,.timer-ring strong{font-weight:700}.mode-pill,.soft-pill,.status-live{font-weight:650}.game-title,.hero-timer{font-weight:700}.mini-proof,.text-btn,.auth-flip button,label>span{font-weight:600}.feature-strip b,.run-list b,.history-feed b,.leader-list b,.mini-game-list b{font-weight:650}.desktop-nav,.main-stage{font-size:15px}}
@media(max-width:900px){.data-actions{grid-template-columns:minmax(0,1fr)}.library-toolbar{align-items:stretch;flex-direction:column}.library-toolbar label{max-width:none}.library-toolbar>div{justify-content:flex-start}.history-open{grid-template-columns:auto minmax(0,1fr) auto}.history-open>strong{grid-column:3}.history-open>span:not(.run-badge){display:none}}
@media(max-width:680px){.library-actions{width:100%;justify-content:flex-start}.library-meta{align-items:flex-start}.archived-list>div{flex-wrap:wrap}.archived-list>div>button:first-child{width:100%;margin:0}.history-row{grid-template-columns:minmax(0,1fr) 34px}.history-open{gap:8px}.history-delete,.row-delete{width:30px;height:30px}.run-list.compact>div{grid-template-columns:auto minmax(0,1fr) auto 32px}.run-list.compact>div>strong{display:none}.data-action{padding:13px}.auth-panel{width:100%}}
@media(min-width:681px){b,strong{font-weight:600}h2,h3{font-weight:650}.panel-title>span,.section-head h2,.challenge-tile h3,.library-grid h3,.goal-grid h3,.team-grid h3{font-weight:650}.stat-card strong,.target-lockup strong,.hero-score strong,.result-power,.timer-ring strong{font-weight:650}.desktop-nav button,.btn,.text-btn{font-weight:600}.hero-copy h1,.page-hero h1,.dash-hero h1,.create-copy h1,.hall-hero h1,.auth-art h1{font-weight:680}.kicker{font-weight:650}}

.timer-preferences-panel{grid-column:1/-1;overflow:hidden;position:relative}.timer-preferences-panel:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--brand),var(--cyan),var(--pink),transparent);opacity:.72}.timer-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.timer-settings-grid .wide{grid-column:span 2}.timer-settings-grid>label{min-width:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.timer-settings-grid>label>span:first-child{font-size:12px;color:var(--muted)}.timer-settings-grid .check-setting{display:flex;align-items:center;justify-content:space-between;gap:16px}.timer-settings-grid .check-setting>span{display:grid;gap:3px}.timer-settings-grid .check-setting b{font-size:14px;color:var(--text);font-weight:600}.timer-settings-grid .check-setting small,.timer-settings-grid label>small{color:var(--muted);line-height:1.35}.timer-settings-grid .check-setting input{width:22px;height:22px;min-width:22px;accent-color:var(--brand)}.range-input{padding:10px 0;background:transparent;border:0;box-shadow:none!important;accent-color:var(--brand)}.number-with-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.number-with-unit em{font-style:normal;color:var(--muted);font-size:12px;padding-right:4px}.timer-settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}

.timer-arena{position:relative;overflow:hidden;isolation:isolate;transition:border-color .35s ease,box-shadow .35s ease,background .35s ease}.timer-arena>*:not(.timer-ambient){position:relative;z-index:2}.timer-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.timer-ambient i{position:absolute;width:210px;height:210px;border-radius:50%;filter:blur(70px);opacity:.11;background:var(--brand);animation:ambientDrift 9s ease-in-out infinite alternate}.timer-ambient i:nth-child(1){left:-70px;top:-80px}.timer-ambient i:nth-child(2){right:-65px;bottom:-90px;background:var(--cyan);animation-delay:-3s}.timer-ambient i:nth-child(3){left:48%;top:38%;width:160px;height:160px;background:var(--pink);opacity:.07;animation-delay:-6s}.timer-arena.glow:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 30%,transparent),inset 0 0 34px color-mix(in srgb,var(--brand) 8%,transparent),0 0 34px color-mix(in srgb,var(--brand) 13%,transparent);animation:timerEdgeBreath 2.8s ease-in-out infinite}.timer-ring{transition:box-shadow .35s ease,transform .35s ease,background .35s ease}.timer-ring:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid transparent;border-top-color:color-mix(in srgb,var(--cyan) 75%,transparent);border-right-color:color-mix(in srgb,var(--brand) 35%,transparent);opacity:.66;animation:timerOrbit 5s linear infinite;pointer-events:none}.timer-active .timer-ring{box-shadow:0 0 48px color-mix(in srgb,var(--brand) 13%,transparent)}.timer-warning{border-color:color-mix(in srgb,var(--orange) 42%,var(--line))}.timer-warning.glow:after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--orange) 45%,transparent),inset 0 0 34px color-mix(in srgb,var(--orange) 10%,transparent),0 0 42px color-mix(in srgb,var(--orange) 18%,transparent)}.timer-warning .timer-ring{box-shadow:0 0 55px color-mix(in srgb,var(--orange) 24%,transparent)}.timer-warning .timer-ring:after{border-top-color:var(--orange)}.timer-countdown{border-color:color-mix(in srgb,var(--pink) 52%,var(--line))}.timer-countdown.glow:after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pink) 50%,transparent),inset 0 0 40px color-mix(in srgb,var(--pink) 12%,transparent),0 0 52px color-mix(in srgb,var(--pink) 22%,transparent);animation-duration:1s}.timer-countdown .timer-ring{box-shadow:0 0 68px color-mix(in srgb,var(--pink) 28%,transparent);animation:countdownPulse 1s ease-in-out infinite}.timer-countdown .timer-ring:after{border-top-color:var(--pink);border-right-color:var(--orange);animation-duration:1.7s}.timer-overtime{border-color:color-mix(in srgb,var(--danger) 52%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 4%,var(--surface)),var(--surface))}.timer-overtime.glow:after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 48%,transparent),inset 0 0 40px color-mix(in srgb,var(--danger) 9%,transparent),0 0 48px color-mix(in srgb,var(--danger) 20%,transparent)}.timer-overtime .timer-ring{box-shadow:0 0 60px color-mix(in srgb,var(--danger) 25%,transparent)}.timer-overtime .timer-ring:after{border-top-color:var(--danger);border-right-color:color-mix(in srgb,var(--danger) 42%,transparent);animation-duration:2.4s}.timer-target-reached{border-color:color-mix(in srgb,var(--success) 50%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--success) 5%,var(--surface)),var(--surface))}.timer-target-reached.glow:after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 45%,transparent),inset 0 0 42px color-mix(in srgb,var(--success) 10%,transparent),0 0 52px color-mix(in srgb,var(--success) 22%,transparent)}.timer-target-reached .timer-ring{box-shadow:0 0 70px color-mix(in srgb,var(--success) 23%,transparent)}.timer-target-reached .timer-ring:after{border-top-color:var(--success);border-right-color:var(--cyan)}.live-run-card{background-size:180% 180%;animation:liveGradient 7s ease infinite;position:relative;overflow:hidden}.live-run-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 0 30px rgba(255,255,255,.05)}.challenge-tile,.panel,.stat-card,.library-card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.timer-ring small{transition:color .2s ease}.timer-warning .timer-ring small{color:var(--orange)}.timer-countdown .timer-ring small{color:var(--pink)}.timer-overtime .timer-ring small{color:var(--danger)}.timer-target-reached .timer-ring small{color:var(--success)}
@keyframes timerOrbit{to{transform:rotate(360deg)}}@keyframes timerEdgeBreath{0%,100%{opacity:.56}50%{opacity:1}}@keyframes countdownPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes ambientDrift{0%{transform:translate3d(0,0,0) scale(.9)}100%{transform:translate3d(40px,30px,0) scale(1.12)}}@keyframes liveGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(hover:hover){.challenge-tile:hover,.library-grid article:hover{box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent),0 14px 38px color-mix(in srgb,var(--brand) 10%,transparent)}.panel:hover{border-color:color-mix(in srgb,var(--brand) 18%,var(--line))}}
html[data-timer-glow="off"] .timer-arena.glow:after{display:none}html[data-motion="subtle"] .timer-ambient i{animation-duration:18s;opacity:.06}html[data-motion="subtle"] .timer-ring:after{animation-duration:10s}html[data-motion="subtle"] .timer-arena.glow:after{animation-duration:5.5s}html[data-motion="subtle"] .timer-countdown .timer-ring{animation-duration:1.6s}html[data-motion="off"] .timer-ambient i,html[data-motion="off"] .timer-ring:after,html[data-motion="off"] .timer-arena.glow:after,html[data-motion="off"] .timer-countdown .timer-ring,html[data-motion="off"] .live-run-card,html[data-motion="off"] .pulse-dot{animation:none!important}.timer-settings-grid input:disabled{opacity:.45;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.timer-ambient i,.timer-ring:after,.timer-arena.glow:after,.timer-countdown .timer-ring,.live-run-card,.pulse-dot{animation:none!important}.challenge-tile,.panel,.stat-card,.library-card,.btn{transition:none!important}}
@media(max-width:900px){.timer-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-settings-grid .wide{grid-column:1/-1}}
@media(max-width:600px){.timer-settings-grid{grid-template-columns:minmax(0,1fr)}.timer-settings-grid .wide{grid-column:auto}.timer-settings-actions{display:grid;grid-template-columns:1fr}.timer-settings-actions .btn{width:100%}.timer-preferences-panel{padding:18px}.timer-arena{padding:22px}.timer-ambient i{width:150px;height:150px}}

.challenge-page{width:100%;min-width:0}
.challenge-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(22px,4vw,58px);width:100%;margin-inline:0;padding:8px 0 4px}
.challenge-heading>div:first-child{min-width:0;max-width:100%}
.challenge-heading h1{max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
.challenge-heading p{margin-bottom:0;line-height:1.6}
.target-orb{width:clamp(148px,11vw,176px);min-width:clamp(148px,11vw,176px);height:auto;min-height:142px;padding:22px 24px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;align-self:center;justify-self:end;flex:none}
.target-orb small{display:block;margin:0;font-size:11px;line-height:1.1;letter-spacing:.12em}
.target-orb strong{display:block;margin:0;font-size:clamp(34px,3vw,42px);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.ready-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(22px,4vw,46px);padding:clamp(26px,3vw,40px)}
.ready-card>div{min-width:0}
.ready-card .btn{justify-self:end;white-space:nowrap}
.challenge-lower{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:16px;align-items:start}
.challenge-lower>.panel{width:100%;min-width:0}
.run-list.compact>div{grid-template-columns:44px minmax(0,1fr) minmax(70px,auto) minmax(62px,auto) 40px;gap:12px;align-items:center;padding:12px 14px}
.run-list.compact>div>div{min-width:0}
.run-list.compact>div>div b,.run-list.compact>div>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.run-list.compact .run-time,.run-list.compact>div>strong{justify-self:end;white-space:nowrap;font-variant-numeric:tabular-nums}
.row-delete,.history-delete{width:38px;height:38px;border-radius:12px;font-size:20px;line-height:1;justify-self:end;flex:none}
.panel-title{align-items:center}
.panel-title small{line-height:1.35}
@media(max-width:900px){.challenge-heading{gap:18px}.target-orb{width:144px;min-width:144px;min-height:124px;padding:18px 18px}.target-orb strong{font-size:34px}.ready-card{gap:20px}}
@media(max-width:680px){.challenge-heading{grid-template-columns:minmax(0,1fr);align-items:start;padding-top:0}.challenge-heading .target-orb{display:flex;width:100%;min-width:0;min-height:0;height:auto;flex-direction:row;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:18px;justify-self:stretch}.challenge-heading .target-orb small{margin:0}.challenge-heading .target-orb strong{font-size:30px}.ready-card{grid-template-columns:minmax(0,1fr);padding:20px}.ready-card .btn{width:100%;justify-self:stretch}.challenge-lower{grid-template-columns:minmax(0,1fr);gap:12px}.run-list.compact>div{grid-template-columns:38px minmax(0,1fr) auto 36px;gap:9px;padding:11px}.run-list.compact>div>strong{display:none}.run-list.compact .run-time{font-size:13px}.row-delete,.history-delete{width:34px;height:34px;border-radius:10px;font-size:18px}}
@media(max-width:420px){.challenge-heading h1{font-size:clamp(34px,11vw,43px)}.challenge-heading .target-orb{padding:12px 14px}.challenge-heading .target-orb strong{font-size:26px}.run-list.compact>div{grid-template-columns:34px minmax(0,1fr) 32px}.run-list.compact .run-time{display:none}.row-delete,.history-delete{width:32px;height:32px}}

html,body,.app-shell{max-width:100%;overflow-x:hidden}
html[data-theme=light]{--bg:#f7f9ff;--bg-2:#eef3fb;--surface:#ffffff;--surface-2:#f4f7fc;--surface-3:#e9eef8;--text:#101426;--muted:#606a80;--line:#dde4f1;--line-strong:#c9d3e5;--brand:#6357e8;--brand-2:#0fb892;--cyan:#159fd3;--orange:#ee7b48;--pink:#c85b91;--shadow:0 14px 38px rgba(38,54,92,.08);--shadow-lg:0 28px 70px rgba(38,54,92,.14)}
html[data-theme=light] body{background:radial-gradient(circle at 10% -8%,rgba(99,87,232,.12),transparent 28%),radial-gradient(circle at 96% 6%,rgba(15,184,146,.10),transparent 24%),linear-gradient(180deg,#fbfcff 0%,#f4f7fd 52%,#f8faff 100%)}
html[data-theme=dark] body{background:radial-gradient(circle at 10% -8%,rgba(140,121,255,.13),transparent 30%),radial-gradient(circle at 96% 5%,rgba(67,225,182,.08),transparent 26%),linear-gradient(180deg,#090d1a 0%,#090e1c 58%,#080c17 100%)}
.app-header{backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 8px 30px color-mix(in srgb,var(--bg) 55%,transparent)}
.header-quick{position:relative;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.08);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.header-quick:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 42%,var(--line));background:color-mix(in srgb,var(--brand) 7%,var(--surface))}
.header-quick span{font-size:17px;line-height:1}
.sound-quick i{position:absolute;right:6px;bottom:6px;width:6px;height:6px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 2px color-mix(in srgb,var(--surface) 85%,transparent)}
.sound-quick.active i{background:var(--brand-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--surface) 85%,transparent),0 0 10px color-mix(in srgb,var(--brand-2) 65%,transparent)}
.panel,.challenge-tile,.library-grid article,.goal-grid article,.team-grid article,.calendar-panel,.reward-wallet{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--shadow)}
html[data-theme=dark] .panel,html[data-theme=dark] .challenge-tile,html[data-theme=dark] .library-grid article,html[data-theme=dark] .goal-grid article{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,var(--brand) 3%),color-mix(in srgb,var(--surface) 98%,var(--brand-2) 2%))}
html[data-theme=light] .panel,html[data-theme=light] .challenge-tile,html[data-theme=light] .library-grid article,html[data-theme=light] .goal-grid article{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,255,.94));border-color:#dce4f1}
html[data-theme=light] .hero-copy h1 em,html[data-theme=light] .page-hero h1 em,html[data-theme=light] .dash-hero h1 em,html[data-theme=light] .create-copy h1 em,html[data-theme=light] .hall-hero h1 em{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;color:#4f49c9}
html[data-theme=light] .kicker{color:#087f6a}
html[data-theme=light] .brand-mark{background:linear-gradient(145deg,#1e2742,#303b5f);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(39,52,90,.16)}
html[data-theme=light] .theme-cards button.active{background:#eef0ff;border-color:#756bea;color:#28265d}
html[data-theme=light] .btn.primary{background:linear-gradient(135deg,#6658e8,#6d74ea 58%,#17b99a);box-shadow:0 11px 26px rgba(86,78,202,.20)}
.score-metric em{display:none;font-style:normal}
.panel-title>div>span{display:block;font-size:20px;font-weight:650;letter-spacing:-.025em}.panel-title>div>small{display:block;color:var(--muted);margin-top:4px}

@media(max-width:680px){
  :root{--header:56px;--radius:17px}
  .app-header{height:56px;padding:0 8px;gap:6px;background:color-mix(in srgb,var(--bg) 88%,transparent)}
  .brand{gap:6px}.brand b{display:none}.brand-mark{width:32px;height:32px;border-radius:10px;font-size:15px}
  .header-actions{gap:4px;margin-left:auto}.header-actions .btn.compact{display:none}.header-quick,.lang-toggle,.avatar-button{width:34px;height:34px;min-width:34px;border-radius:11px}.lang-toggle{padding:0;font-size:10px;letter-spacing:.05em}.header-quick span{font-size:15px}.avatar-button{font-size:13px}
  .main-stage{width:calc(100% - 16px);padding:14px 0 calc(78px + env(safe-area-inset-bottom))}
  .dash-hero,.page-hero,.challenge-heading,.hall-hero{margin-bottom:16px;gap:9px}.dash-hero,.page-hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
  .dash-hero h1,.page-hero h1,.challenge-heading h1,.hall-hero h1{font-size:clamp(31px,9.5vw,38px);line-height:1.01;letter-spacing:-.045em}
  .dash-hero>div>p,.page-hero>div>p,.hall-hero>div>p{font-size:13px;line-height:1.45;margin:10px 0 0}.kicker{font-size:10px;letter-spacing:.12em;margin-bottom:7px}
  .level-chip{width:100%;min-width:0;padding:10px 13px;border-radius:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "sub value";gap:1px 12px;text-align:left;align-items:center}.level-chip small{grid-area:label;font-size:9px}.level-chip strong{grid-area:value;font-size:28px;margin:0;white-space:nowrap}.level-chip span{grid-area:sub;font-size:10px}
  .stat-grid,.progress-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;margin-bottom:18px}
  .stat-card{min-height:96px!important;padding:12px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;border-radius:17px}.stat-card:after{width:78px;height:78px;right:-25px;top:-30px}.stat-card .stat-icon{font-size:18px}.stat-card small{font-size:10px;line-height:1.15}.stat-card strong{font-size:25px;line-height:1.05;margin:5px 0 0}.stat-card strong i{font-size:11px}.stat-card p{display:none!important}.stat-card .small-number{font-size:19px}
  .section-head{margin:20px 0 12px;gap:8px}.section-head h2{font-size:22px;line-height:1.05}.section-head p{font-size:12px;margin:5px 0 0}
  .panel,.auth-panel,.create-form,.planner-form,.timer-preferences-panel,.regional-panel{padding:14px;border-radius:17px}.panel-title{margin-bottom:13px;gap:8px}.panel-title>span,.panel-title>div>span{font-size:17px;line-height:1.1}.panel-title small,.panel-title>div>small{font-size:10px;line-height:1.25;text-align:left;max-width:none;margin-top:3px}.panel-title>button{font-size:11px;text-align:right;line-height:1.2;max-width:44%}
  .chart-panel{margin:10px 0}.chart-wrap{height:200px}
  .achievement-zone{margin:22px 0}.achievement-grid{gap:7px}.achievement-grid article{padding:11px 12px;border-radius:14px}.achievement-grid article>span{font-size:23px}.achievement-grid b{font-size:13px}.achievement-grid small{font-size:10px}
  .score-table{overflow:visible!important;margin:0!important;padding:0!important}.score-head{display:none!important}.score-table button{min-width:0!important;width:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:11px 12px!important;margin-top:8px;border:1px solid var(--line)!important;border-radius:14px;background:var(--surface-2)!important;align-items:start}.score-table button:first-of-type{margin-top:0}.score-task{grid-column:1/-1;padding-bottom:8px;border-bottom:1px solid var(--line);min-width:0}.score-task b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-task small{font-size:10px!important;margin-top:2px!important}.score-metric{display:grid;gap:2px;min-width:0}.score-metric em{display:block;color:var(--muted);font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.score-metric b,.score-metric strong{font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.score-metric.best strong{color:var(--brand)}
  .history-feed{gap:5px}.history-row{grid-template-columns:minmax(0,1fr) 32px!important;gap:6px}.history-open{grid-template-columns:32px minmax(0,1fr) auto!important;gap:7px;padding:9px 0!important}.history-open>div b{font-size:13px}.history-open>div small{font-size:9px}.history-open>strong{font-size:12px;grid-column:auto!important}.history-delete,.row-delete{width:30px!important;height:30px!important;border-radius:9px!important;font-size:17px}
  .theme-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}.theme-cards button{padding:9px 4px!important;min-height:62px;border-radius:12px;gap:3px}.theme-cards span{font-size:17px}.theme-cards b{font-size:10px;font-weight:600}
  .settings-grid{gap:8px}.settings-grid .panel{gap:12px}.setting-row{gap:10px}.setting-row p,.danger-panel>p{font-size:11px;line-height:1.4}
  .form-stack{gap:13px}label{gap:6px}label>span{font-size:10px}input,textarea,select{padding:12px 13px;border-radius:12px}textarea{min-height:86px}
  .timer-settings-grid{gap:9px}.check-setting{padding:10px!important}.timer-settings-actions{gap:7px}
  .challenge-grid,.library-grid,.goal-grid,.team-grid{gap:9px}.challenge-tile{padding:15px;border-radius:17px}.challenge-tile h3{font-size:18px}.challenge-tile p{font-size:11px}.library-main{padding:13px}.library-meta{padding:8px 13px}
  .mobile-nav{width:calc(100% - 12px)!important;height:58px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;padding:4px!important;border-radius:18px!important;background:color-mix(in srgb,var(--surface) 91%,transparent);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 14px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)}.mobile-nav button{height:48px!important;border-radius:13px!important}.mobile-nav button>span{font-size:16px}.mobile-nav button small{font-size:8px}.mobile-nav .mobile-create{width:50px!important;height:50px!important;margin-top:-15px!important;border-radius:17px!important}.mobile-nav .mobile-create span{font-size:27px}
  
  .toast{bottom:calc(72px + env(safe-area-inset-bottom))!important}
}

@media(max-width:420px){
  .main-stage{width:calc(100% - 14px)}
  .app-header{padding-inline:7px}.header-actions{gap:3px}.header-quick,.lang-toggle,.avatar-button{width:33px;height:33px;min-width:33px}
  .stat-grid,.progress-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat-card{min-height:91px!important;padding:11px!important}.stat-card strong{font-size:23px}.stat-card small{font-size:9px}
  .theme-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .score-table button{padding:10px!important;gap:6px!important}.score-metric em{font-size:7px}.score-metric b,.score-metric strong{font-size:11px}
  .panel-title>button{max-width:46%;font-size:10px}
}

@media(max-width:360px){
  .lang-toggle{display:none}.dash-hero h1,.page-hero h1{font-size:30px}.stat-card{min-height:88px!important}.stat-card .stat-icon{font-size:16px}.stat-card strong{font-size:21px}.mobile-nav small{display:none}.mobile-nav button{height:46px!important}.mobile-nav{height:55px!important}
}
.timer-target-inline{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 5px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--brand) 7%,var(--surface));line-height:1}.timer-target-inline small{display:inline;margin:0;font-size:9px;letter-spacing:.12em;color:var(--muted)}.timer-target-inline b{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--text)}.timer-state-label{margin-top:7px}.start-countdown-overlay{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}.start-countdown-card{width:min(360px,calc(100vw - 40px));min-height:320px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;border:1px solid color-mix(in srgb,var(--brand) 42%,var(--line));border-radius:36px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,var(--brand) 8%),color-mix(in srgb,var(--surface) 94%,var(--brand-2) 6%));box-shadow:0 32px 100px rgba(0,0,0,.38),0 0 70px color-mix(in srgb,var(--brand) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.12);animation:startCardIn .24s ease-out}.start-countdown-card small{font-size:12px;letter-spacing:.18em;font-weight:650;color:var(--brand-2)}.start-countdown-card strong{font-size:clamp(96px,24vw,150px);line-height:.85;letter-spacing:-.08em;font-weight:650;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--text),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;animation:startCountPulse .75s ease both}.start-countdown-card span{max-width:280px;color:var(--muted);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes startCardIn{from{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}@keyframes startCountPulse{0%{opacity:.25;transform:scale(.76)}35%{opacity:1;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}
@media(max-width:1050px){.challenge-page.has-running-task{padding-bottom:112px}.challenge-page.has-running-task .challenge-heading{margin-bottom:10px}.challenge-page.has-running-task .target-orb{display:none}.challenge-page.has-running-task .timer-arena{gap:14px}.challenge-page.has-running-task .finish-box{position:fixed;z-index:55;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(720px,calc(100% - 24px));display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:end;gap:9px;padding:10px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.challenge-page.has-running-task .finish-box label{min-width:0;gap:0}.challenge-page.has-running-task .finish-box label>span{display:none}.challenge-page.has-running-task .finish-box input{height:46px;padding:10px 12px;border-radius:12px}.challenge-page.has-running-task .finish-box .finish-task-button{height:46px;padding:0 18px;border-radius:12px;font-size:14px;white-space:nowrap}.challenge-page.has-running-task .finish-box .danger-link{width:44px;height:46px;padding:0;border:1px solid color-mix(in srgb,var(--danger) 25%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--danger) 7%,var(--surface));font-size:0;color:var(--danger);display:grid;place-items:center}.challenge-page.has-running-task .finish-box .danger-link:before{content:"×";font-size:24px;line-height:1}}
@media(max-width:680px){.challenge-page.has-running-task .challenge-heading{padding:0;margin-bottom:8px}.challenge-page.has-running-task .challenge-heading h1{font-size:clamp(28px,8vw,34px);line-height:1.02}.challenge-page.has-running-task .challenge-heading p{display:none}.challenge-page.has-running-task .challenge-tags{gap:5px}.challenge-page.has-running-task .challenge-tags .soft-pill{display:none}.challenge-page.has-running-task .timer-arena{padding:13px!important;border-radius:22px}.challenge-page.has-running-task .timer-ring{width:min(286px,76vw)}.challenge-page.has-running-task .timer-ring strong{font-size:clamp(58px,18vw,72px);margin:8px 0}.challenge-page.has-running-task .timer-ring span{font-size:12px}.timer-target-inline{margin-bottom:3px;padding:6px 9px}.timer-target-inline b{font-size:13px}.challenge-page.has-running-task .finish-box{width:calc(100% - 16px);bottom:calc(70px + env(safe-area-inset-bottom));padding:8px;gap:7px;border-radius:16px}.challenge-page.has-running-task .finish-box input{height:44px;font-size:13px}.challenge-page.has-running-task .finish-box .finish-task-button{height:44px;padding:0 13px;font-size:13px}.challenge-page.has-running-task .finish-box .danger-link{width:40px;height:44px}.start-countdown-card{min-height:280px;border-radius:30px}.start-countdown-card strong{font-size:clamp(88px,28vw,124px)}}
@media(max-width:420px){.challenge-page.has-running-task{padding-bottom:108px}.challenge-page.has-running-task .timer-ring{width:min(260px,72vw)}.challenge-page.has-running-task .timer-ring strong{font-size:56px}.challenge-page.has-running-task .finish-box{grid-template-columns:minmax(0,1fr) auto 38px}.challenge-page.has-running-task .finish-box .finish-task-button{padding-inline:10px}.challenge-page.has-running-task .finish-box .danger-link{width:38px}.start-countdown-card{width:calc(100vw - 28px);min-height:250px}}
@media(prefers-reduced-motion:reduce){.start-countdown-card,.start-countdown-card strong{animation:none!important}}

.active-timers-stack{display:grid;gap:10px;margin-bottom:18px}.active-timers-stack .live-run-card{width:100%;border:0;text-align:left;margin:0}.live-run-card.paused{background:linear-gradient(105deg,#39405a,#4b5270 45%,#42685f);box-shadow:0 16px 38px rgba(20,25,44,.2)}.live-run-card.paused .pulse-dot{animation:none;opacity:.55}.timer-paused{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 4%,var(--surface)),var(--surface))}.timer-paused .timer-ambient,.timer-paused .timer-ring:after{animation-play-state:paused!important}.timer-paused .timer-ring{filter:saturate(.72);box-shadow:0 0 36px color-mix(in srgb,var(--brand) 10%,transparent)}
.timer-arena{display:block;min-height:0;padding:30px}.timer-console{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,390px) minmax(300px,430px);justify-content:center;align-items:center;gap:34px}.timer-controls{display:grid;gap:13px;padding:20px;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--surface-2) 82%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.timer-control-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:10px}.timer-control-actions .btn{min-height:50px}.timer-note{gap:7px}.timer-note input{min-height:48px}.timer-cancel{justify-self:center;padding:8px 12px}.challenge-page.has-running-task{padding-bottom:0!important}.challenge-page.has-running-task .finish-box{position:static!important;transform:none!important;width:auto!important;display:grid!important}.start-countdown-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important}.start-countdown-card{margin:0!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important}.start-countdown-card>*{justify-self:center;text-align:center}
@media(max-width:900px){.timer-console{grid-template-columns:1fr;gap:18px}.timer-controls{width:min(520px,100%);margin:0 auto}.timer-ring{width:min(330px,78vw)}}
@media(max-width:680px){.timer-arena{padding:14px!important}.timer-console{gap:13px}.timer-ring{width:min(270px,72vw)!important}.timer-controls{padding:12px;border-radius:17px;gap:10px}.timer-control-actions{grid-template-columns:1fr 1fr}.timer-control-actions .btn{min-height:44px;padding:10px 12px;font-size:13px}.timer-note input{min-height:44px;padding:10px 12px}.timer-cancel{font-size:12px}.active-timers-stack{gap:8px}.active-timers-stack .live-run-card{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:13px 14px}.active-timers-stack .live-run-card .chev{display:none}.active-timers-stack .live-run-clock{font-size:17px}.active-timers-stack .live-run-power{font-size:13px}.start-countdown-card{width:min(300px,calc(100vw - 32px));min-height:300px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.start-countdown-card strong{width:100%;text-align:center}}
@media(max-width:420px){.timer-ring{width:min(248px,70vw)!important}.timer-controls{padding:10px}.timer-control-actions{gap:7px}.timer-control-actions .btn{font-size:12px}.active-timers-stack .live-run-card{grid-template-columns:minmax(0,1fr) auto}.active-timers-stack .live-run-power{display:none}}
.ongoing-bar{position:sticky;top:var(--header);z-index:38;border-bottom:1px solid color-mix(in srgb,var(--line) 86%,transparent);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 10px 26px color-mix(in srgb,var(--bg) 34%,transparent)}
.ongoing-shell{width:min(1440px,100%);margin:0 auto;min-height:58px;padding:7px 20px;display:flex;align-items:center;gap:12px;min-width:0}
.ongoing-label{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-width:166px}
.ongoing-label>div{display:grid;gap:1px;min-width:0}.ongoing-label b{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--text);white-space:nowrap}.ongoing-label small{font-size:10px;color:var(--muted);white-space:nowrap}
.ongoing-live-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--orange) 10%,transparent);transition:.2s}.ongoing-live-dot.connected{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 10%,transparent),0 0 14px color-mix(in srgb,var(--success) 45%,transparent)}
.ongoing-track{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:1px}.ongoing-track::-webkit-scrollbar{display:none}
.ongoing-item{display:flex;align-items:stretch;flex:0 0 auto;min-width:250px;max-width:350px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,var(--brand) 6%),color-mix(in srgb,var(--surface) 97%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 7%,transparent);overflow:hidden}.ongoing-item.running{border-color:color-mix(in srgb,var(--success) 24%,var(--line))}.ongoing-item.paused{border-color:color-mix(in srgb,var(--brand) 24%,var(--line));opacity:.86}.ongoing-item.team{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 95%,var(--cyan) 5%),var(--surface))}
.ongoing-open{border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:auto minmax(95px,1fr) auto;align-items:center;gap:9px;min-width:0;flex:1;padding:8px 9px;text-align:left}.ongoing-open:hover{background:color-mix(in srgb,var(--brand) 5%,transparent)}
.ongoing-state{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--success) 12%,var(--surface-2));color:var(--success)}.ongoing-state i{display:block;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px color-mix(in srgb,currentColor 65%,transparent)}.paused .ongoing-state{background:color-mix(in srgb,var(--brand) 10%,var(--surface-2));color:var(--brand)}.paused .ongoing-state i{box-shadow:none;opacity:.72}
.ongoing-avatar{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--brand));color:#fff;font-size:10px;font-weight:750}.ongoing-copy{display:grid;gap:1px;min-width:0}.ongoing-copy b{font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ongoing-copy small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ongoing-open>strong{font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}
.ongoing-action{min-width:76px;padding:0 12px;border:0;border-left:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 88%,transparent);color:var(--text);font-size:11px;font-weight:650;white-space:nowrap}.ongoing-action:hover{background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--text)}
.ongoing-empty{margin-left:auto;min-width:0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.ongoing-empty span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success)}.ongoing-empty b{font-weight:550}
html[data-theme=light] .ongoing-bar{background:color-mix(in srgb,#fff 88%,transparent);box-shadow:0 8px 24px rgba(42,50,84,.08)}
html[data-theme=light] .ongoing-item{box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(46,54,92,.06)}
@media(max-width:1050px){.ongoing-shell{padding-inline:14px}.ongoing-label{min-width:142px}.ongoing-item{min-width:225px;max-width:310px}}
@media(max-width:680px){.ongoing-shell{min-height:50px;padding:5px 8px;gap:7px}.ongoing-label{min-width:78px;gap:6px}.ongoing-label b{font-size:8px;letter-spacing:.08em;white-space:normal;line-height:1.08}.ongoing-label small{font-size:8px}.ongoing-live-dot{width:7px;height:7px}.ongoing-item{min-width:205px;max-width:260px;border-radius:12px}.ongoing-open{padding:6px 7px;gap:7px;grid-template-columns:auto minmax(78px,1fr) auto}.ongoing-state,.ongoing-avatar{width:21px;height:21px;border-radius:7px}.ongoing-copy b{font-size:11px}.ongoing-copy small{font-size:8px}.ongoing-open>strong{font-size:12px}.ongoing-action{min-width:64px;padding:0 9px;font-size:10px}.ongoing-empty{font-size:9px;margin-left:0;flex:1;justify-content:flex-end}.ongoing-empty span{width:22px;height:22px}.main-stage{padding-top:14px!important}}
@media(max-width:390px){.ongoing-label{min-width:68px}.ongoing-label small{display:none}.ongoing-item{min-width:190px;max-width:230px}.ongoing-open{grid-template-columns:auto minmax(70px,1fr) auto}.ongoing-open>strong{font-size:11px}}
.ongoing-bar:not(.active) .ongoing-shell{min-height:44px}.ongoing-bar:not(.active) .ongoing-label small{display:none}
@media(max-width:680px){.ongoing-bar:not(.active) .ongoing-shell{min-height:38px;padding-block:3px}.ongoing-bar:not(.active) .ongoing-empty span{width:20px;height:20px}}
.landing-clean{grid-template-columns:minmax(0,1fr);max-width:1180px;margin-inline:auto;justify-items:center;text-align:center}.landing-clean .hero-copy{width:min(900px,100%);margin-inline:auto}.landing-clean .hero-copy h1,.landing-clean .hero-copy>p{margin-left:auto;margin-right:auto}.landing-clean .hero-actions,.landing-clean .mini-proof{justify-content:center}.landing-clean .feature-strip{width:100%;grid-column:auto}.ready-card{overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(150px,max-content)}.ready-card>*{min-width:0}.ready-card .btn{max-width:100%;justify-self:end}.row-delete,.history-delete,.goal-delete,.schedule-list>div>button{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;text-align:center!important}.row-delete,.history-delete{font-family:Arial,sans-serif}.chart-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.chart-title-row>div{display:grid;gap:4px;min-width:0}.chart-task-filter{display:grid;gap:5px;min-width:min(280px,42%);margin:0}.chart-task-filter>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:650}.chart-task-filter select{min-height:42px;padding:8px 34px 8px 12px}.chart-wrap{overflow:hidden;padding-inline:2px}.goal-kind{display:inline-flex;width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));color:var(--brand-2);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.goal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.goal-actions .btn{min-width:0;padding:10px 12px;font-size:12px}.form-help{padding:12px 14px;border-radius:14px;border:1px dashed var(--line);background:var(--surface-2);color:var(--muted);font-size:12px;line-height:1.5}.reward-builder fieldset{border:0;padding:0;margin:0;display:grid;gap:14px;min-width:0}.reward-builder fieldset:disabled{opacity:.42;filter:saturate(.6)}.reward-builder fieldset:disabled input,.reward-builder fieldset:disabled select{cursor:not-allowed}.reward-builder>button:disabled{opacity:.42}.reward-example{line-height:1.5}.reward-example b{color:var(--text)}
@media(max-width:900px){.landing-clean{padding-top:24px}.landing-clean .feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ready-card{grid-template-columns:minmax(0,1fr) auto}.ready-card .btn{max-width:min(240px,100%)}}
@media(max-width:680px){.landing-clean{padding:18px 0 10px;text-align:left;justify-items:stretch}.landing-clean .hero-copy{width:100%}.landing-clean .hero-copy h1,.landing-clean .hero-copy>p{margin-left:0;margin-right:0}.landing-clean .hero-actions,.landing-clean .mini-proof{justify-content:flex-start}.landing-clean .feature-strip{grid-template-columns:minmax(0,1fr);margin-top:24px}.ready-card{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.ready-card .btn{width:100%!important;max-width:100%!important;justify-self:stretch!important;margin:0!important}.chart-title-row{align-items:stretch;flex-direction:column;gap:10px}.chart-task-filter{min-width:0;width:100%}.chart-task-filter select{width:100%}.chart-wrap{height:220px!important}.goal-actions{grid-template-columns:minmax(0,1fr)}.reward-builder .form-row{grid-template-columns:minmax(0,1fr)}.row-delete,.history-delete{display:grid!important;place-items:center!important}}
.ready-card{box-sizing:border-box;width:100%;max-width:100%}.ready-card .btn.huge{box-sizing:border-box;min-width:150px;max-width:min(240px,100%);margin:0}.row-delete,.history-delete{font-size:0!important}.row-delete::before,.history-delete::before{content:'×';font-size:19px;line-height:1;display:block;transform:translateY(-1px)}.reward-details[disabled]{pointer-events:none}.reward-details:not([disabled]){opacity:1}.reward-builder select,.reward-builder input{max-width:100%}.chart-wrap canvas{max-width:100%;display:block}.chart-panel{min-width:0;overflow:hidden}
@media(max-width:680px){.ready-card .btn.huge{min-width:0;max-width:100%;width:100%}.row-delete::before,.history-delete::before{font-size:17px;transform:none}.chart-panel{padding-inline:14px}.chart-wrap{margin-inline:-2px}}

/* v28 polish: precise icon alignment, countdown word fit, reward rule management */
.row-delete::before,.history-delete::before{content:none!important;display:none!important}
.icon-delete{display:grid!important;place-items:center!important;padding:0!important;line-height:0!important}
.icon-delete svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.row-delete.icon-delete,.history-delete.icon-delete{align-self:center;justify-self:center}
.run-list.compact>div .row-delete.icon-delete{justify-self:end}
.history-row .history-delete.icon-delete{justify-self:center}
.start-countdown-card strong.go-word{font-size:clamp(44px,10vw,76px)!important;line-height:1!important;letter-spacing:.01em!important;max-width:100%;padding:0 14px;overflow-wrap:anywhere;word-break:normal}
.reward-calculator{display:grid;gap:7px;padding:14px 15px!important;font-size:13px!important}
.reward-calculator-name{color:var(--muted)}
.reward-calculator-name b{color:var(--text);font-size:14px}
.reward-rules-head{margin-top:26px}
.reward-rules{display:grid;gap:9px}
.reward-rules article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:opacity .18s ease,border-color .18s ease,background .18s ease}
.reward-rules article.disabled{opacity:.56;background:color-mix(in srgb,var(--surface) 76%,var(--bg))}
.reward-rule-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--brand) 12%,var(--surface-2));font-size:19px}
.reward-rule-copy{min-width:0}
.reward-rule-title{display:flex;align-items:center;gap:8px;min-width:0}
.reward-rule-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reward-rule-title span{flex:none;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line)}
.reward-rule-title span.enabled{color:var(--green);border-color:color-mix(in srgb,var(--green) 32%,var(--line));background:color-mix(in srgb,var(--green) 8%,transparent)}
.reward-rule-title span.disabled{color:var(--muted)}
.reward-rule-copy small{display:block;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}
.reward-rule-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.mini-action{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:7px 9px;font-size:11px;font-weight:650}
.mini-action:hover{border-color:var(--line-strong);background:var(--surface-3)}
.reward-rule-actions .icon-delete{width:32px;height:32px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted)}
.reward-rule-actions .icon-delete:hover{color:#fff;background:var(--danger);border-color:var(--danger)}
.reward-form-actions{display:flex;gap:9px;align-items:center}
.reward-form-actions .btn.primary{flex:1}
@media(max-width:680px){
  .start-countdown-card strong.go-word{font-size:clamp(38px,12vw,58px)!important;padding-inline:10px}
  .reward-rules article{grid-template-columns:auto minmax(0,1fr);padding:12px}
  .reward-rule-actions{grid-column:1/-1;justify-content:stretch}
  .reward-rule-actions .mini-action{flex:1;text-align:center}
  .reward-form-actions{display:grid;grid-template-columns:minmax(0,1fr)}
}

/* v29: robust centered delete icon */
.icon-delete{position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.icon-delete svg{display:none!important}
.delete-cross{position:relative;display:block;width:16px;height:16px;pointer-events:none}
.delete-cross::before,.delete-cross::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:999px;background:currentColor;transform-origin:center}
.delete-cross::before{transform:translate(-50%,-50%) rotate(45deg)}
.delete-cross::after{transform:translate(-50%,-50%) rotate(-45deg)}
@media(max-width:680px){.delete-cross{width:15px;height:15px}.delete-cross::before,.delete-cross::after{width:12px;height:2px}}
.icon-delete{appearance:none!important;-webkit-appearance:none!important;position:relative!important;box-sizing:border-box!important;display:block!important;padding:0!important;margin:0!important;line-height:0!important;font-size:0!important;text-align:center!important}
.icon-delete .delete-cross{display:none!important}
.icon-delete::before,.icon-delete::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:14px!important;height:2px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:currentColor!important;transform-origin:50% 50%!important;pointer-events:none!important}
.icon-delete::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.icon-delete::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
@media(max-width:680px){.icon-delete::before,.icon-delete::after{width:12px!important;height:2px!important}}

/* v31: static analytics + period filters */
.chart-wrap.static-chart,
.chart-wrap.static-chart canvas,
.chart-wrap canvas{
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
.chart-wrap canvas{
  pointer-events:none;
  display:block;
  max-width:100%;
  max-height:100%;
}
.progress-filter-panel{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  padding:18px 20px;
}
.progress-filter-copy{
  display:grid;
  gap:4px;
  min-width:180px;
}
.progress-filter-copy b{font-size:15px;font-weight:650}
.progress-filter-copy small{color:var(--muted);font-size:12px}
.progress-filter-controls{
  display:flex;
  align-items:end;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
  min-width:0;
}
.progress-filter-controls label{
  display:grid;
  gap:5px;
  margin:0;
  min-width:150px;
}
.progress-filter-controls label>span{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
  font-weight:650;
}
.progress-filter-controls select,
.progress-filter-controls input{
  min-height:42px;
  margin:0;
  padding:8px 12px;
}
.progress-filter-controls select{padding-right:34px}
.progress-filter-apply{min-height:42px;padding:9px 14px;white-space:nowrap}
.chart-empty-note{
  margin-top:10px;
  padding:10px 12px;
  border:1px dashed var(--line);
  border-radius:12px;
  color:var(--muted);
  font-size:12px;
  text-align:center;
}
@media(max-width:760px){
  .progress-filter-panel{align-items:stretch;flex-direction:column;gap:12px;padding:14px}
  .progress-filter-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:8px}
  .progress-filter-controls label{min-width:0}
  .progress-filter-controls label:first-child{grid-column:1/-1}
  .progress-filter-apply{width:100%;align-self:end}
}
@media(max-width:430px){
  .progress-filter-controls{grid-template-columns:minmax(0,1fr)}
  .progress-filter-controls label:first-child{grid-column:auto}
}


/* v34 — reward provenance and history */
.wallet-chips span{display:inline-flex;align-items:baseline;gap:4px;max-width:100%;flex-wrap:wrap}
.wallet-chips em{font-style:normal;color:var(--text);font-weight:650;overflow-wrap:anywhere}
.reward-feed>div{grid-template-columns:auto minmax(0,1fr);align-items:start}
.reward-feed>div>div{min-width:0}
.reward-feed>div>div>b{font-size:15px;line-height:1.35}
.reward-earned-formula{margin-top:7px!important;padding:7px 9px;border:1px dashed var(--line-strong);border-radius:9px;background:var(--surface-2);color:var(--text)!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.history-rewards{display:grid;gap:5px;margin-top:7px}
.history-rewards>span{display:block;padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--yellow) 7%,var(--surface-2));border:1px solid color-mix(in srgb,var(--yellow) 18%,var(--line));min-width:0}
.history-rewards>span>b{display:block;font-size:11px!important;color:var(--text);white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.history-rewards>span>small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.35;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-variant-numeric:tabular-nums}
.run-list.compact>div:has(.history-rewards){align-items:start}
.history-row:has(.history-rewards){align-items:start}
@media(max-width:680px){
  .wallet-chips span{width:100%;padding:10px 12px}
  .reward-feed>div{padding:12px}
  .reward-earned-formula{font-size:10px}
  .history-rewards>span{padding:6px 8px}
  .history-rewards>span>b{font-size:10px!important}
  .history-rewards>span>small{font-size:9px}
}

/* Pomodoro / focus cycles */
.pomodoro-builder{margin-top:14px;padding:16px;border:1px solid color-mix(in srgb,var(--line) 86%,var(--brand));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 94%,transparent),color-mix(in srgb,var(--brand) 3%,var(--surface-2)));transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.pomodoro-builder.enabled{border-color:color-mix(in srgb,#ff5c7a 40%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 38px rgba(255,80,120,.05)}
.pomodoro-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:18px;margin:0!important}.pomodoro-toggle>span{display:grid;gap:4px}.pomodoro-toggle b{font-size:15px}.pomodoro-toggle small{font-size:12px;line-height:1.4;color:var(--muted)}.pomodoro-toggle input{flex:0 0 auto;width:46px;height:25px}
.pomodoro-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.pomodoro-settings-grid .pomodoro-auto{grid-column:1/-1}.pomodoro-builder.compact{padding:13px}.pomodoro-builder.compact .pomodoro-settings-grid{gap:9px;margin-top:12px;padding-top:12px}
.pomodoro-preview{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px;padding:11px 13px;border-radius:14px;background:color-mix(in srgb,#ff5c7a 7%,var(--surface));border:1px solid color-mix(in srgb,#ff5c7a 20%,var(--line));font-size:12px}.pomodoro-preview>span{font-size:10px;letter-spacing:.09em;font-weight:750;color:#ff7c91}.pomodoro-preview>b{font-size:13px}.pomodoro-preview>i{font-style:normal;color:var(--muted)}.pomodoro-preview>small{flex-basis:100%;color:var(--muted);line-height:1.4}
.pomodoro-pill{border-color:color-mix(in srgb,#ff5c7a 32%,var(--line))!important;color:color-mix(in srgb,#ff8ca0 84%,var(--text))!important;background:color-mix(in srgb,#ff5c7a 7%,var(--surface-2))!important}
.timer-focus-side{display:grid;justify-items:center;gap:14px;min-width:0}.pomodoro-live{width:min(390px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;padding:14px 16px;border:1px solid color-mix(in srgb,#ff5c7a 28%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,#ff5c7a 8%,var(--surface-2)),color-mix(in srgb,var(--brand) 5%,var(--surface-2)));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.pomodoro-live.breaktime{border-color:color-mix(in srgb,var(--cyan) 38%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 8%,var(--surface-2)),color-mix(in srgb,var(--mint) 5%,var(--surface-2)))}.pomodoro-live.longbreak{border-color:color-mix(in srgb,var(--mint) 48%,var(--line))}
.pomodoro-live-head{display:flex;align-items:center;gap:10px;min-width:0}.pomodoro-live-head>span{font-size:25px;filter:drop-shadow(0 5px 12px rgba(255,70,100,.18))}.pomodoro-live-head>div{display:grid;gap:2px;min-width:0}.pomodoro-live-head small{font-size:9px;letter-spacing:.12em;font-weight:800;color:#ff8ca0}.pomodoro-live.breaktime .pomodoro-live-head small{color:var(--cyan)}.pomodoro-live-head strong{font-size:15px;line-height:1.2;white-space:normal}.pomodoro-live-time{text-align:right;display:grid;gap:1px}.pomodoro-live-time b{font-size:21px;font-variant-numeric:tabular-nums}.pomodoro-live-time small{font-size:10px;color:var(--muted)}
.pomodoro-mini-track{grid-column:1/-1;height:5px;border-radius:99px;background:color-mix(in srgb,var(--line) 75%,transparent);overflow:hidden}.pomodoro-mini-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6e8c,#8d72ff);transition:width .2s linear}.pomodoro-live.breaktime .pomodoro-mini-track i{background:linear-gradient(90deg,var(--cyan),var(--mint))}.pomodoro-score-note{grid-column:1/-1;color:var(--muted);font-size:10px;line-height:1.35}
.ready-pomodoro{display:grid;gap:3px;margin-top:13px;padding:10px 12px;border-radius:13px;border:1px solid color-mix(in srgb,#ff5c7a 24%,var(--line));background:color-mix(in srgb,#ff5c7a 5%,var(--surface-2));max-width:520px}.ready-pomodoro b{font-size:12px}.ready-pomodoro span{font-size:12px;color:var(--text)}.ready-pomodoro small{font-size:10px;color:var(--muted);line-height:1.35}.history-focus{display:block!important;color:#ff8ca0!important;margin-top:3px}.result-focus-badge{display:inline-flex;align-items:center;gap:6px;margin:8px auto 2px;padding:7px 11px;border-radius:999px;border:1px solid color-mix(in srgb,#ff5c7a 30%,var(--line));background:color-mix(in srgb,#ff5c7a 7%,var(--surface-2));font-size:12px;color:var(--text)}
@media(max-width:900px){.pomodoro-live{width:min(520px,100%)}.timer-focus-side{width:100%}.pomodoro-settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pomodoro-builder{padding:13px;border-radius:17px}.pomodoro-toggle{gap:12px}.pomodoro-toggle b{font-size:13px}.pomodoro-toggle small{font-size:10px}.pomodoro-settings-grid{grid-template-columns:1fr;gap:9px}.pomodoro-settings-grid .pomodoro-auto{grid-column:auto}.pomodoro-live{padding:11px 12px;border-radius:15px;gap:9px 10px}.pomodoro-live-head>span{font-size:21px}.pomodoro-live-head strong{font-size:13px}.pomodoro-live-time b{font-size:18px}.pomodoro-score-note{font-size:9px}.ready-pomodoro{margin-top:10px}.edit-task-modal .pomodoro-settings-grid{grid-template-columns:1fr}}

.fullscreen-glyph{width:16px;height:16px;display:block;background:linear-gradient(currentColor,currentColor) 0 0/6px 2px no-repeat,linear-gradient(currentColor,currentColor) 0 0/2px 6px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/6px 2px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/2px 6px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/6px 2px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/2px 6px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/6px 2px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/2px 6px no-repeat;transition:transform .16s ease,filter .16s ease}.fullscreen-glyph.active{transform:scale(.74);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--brand-2) 70%,transparent))}.logout-glyph{position:relative;width:15px;height:16px;display:block;border:2px solid currentColor;border-right:0;border-radius:3px 0 0 3px;transform:translateX(-1px)}.logout-glyph:before{content:"";position:absolute;width:9px;height:2px;left:6px;top:5px;border-radius:2px;background:currentColor}.logout-glyph:after{content:"";position:absolute;width:6px;height:6px;left:9px;top:3px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.logout-quick{color:color-mix(in srgb,var(--danger) 82%,var(--text))}.logout-quick:hover{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.header-quick:disabled{opacity:.5;cursor:default;transform:none!important}html:fullscreen,html:-webkit-full-screen{background:var(--bg)}html:fullscreen body,html:-webkit-full-screen body{min-height:100dvh}@media(max-width:680px){.fullscreen-glyph{width:14px;height:14px}.logout-glyph{width:14px;height:15px}.header-actions{min-width:0}}@media(max-width:390px){.header-actions{gap:2px}.header-quick,.lang-toggle,.avatar-button{width:32px;height:32px;min-width:32px}.app-header{padding-inline:6px}}


/* v40 mobile safe-area + unified task picker */
.task-scope-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;margin:0 0 18px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.task-scope-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:12px;font-weight:650;white-space:nowrap}
.task-scope-switch button span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.task-scope-switch button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 20%,var(--surface)),color-mix(in srgb,var(--brand-2) 12%,var(--surface)));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 38%,var(--line)),0 6px 18px color-mix(in srgb,var(--brand) 10%,transparent)}
.task-scope-switch button.active span{background:color-mix(in srgb,var(--brand) 20%,var(--surface-3));color:var(--text)}
.task-scope-switch.compact{margin:0;justify-self:end}
.library-toolbar-enhanced{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:14px}
.task-team-badge{display:inline-flex!important;width:max-content;max-width:100%;margin-top:7px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--brand-2) 11%,var(--surface-2));border:1px solid color-mix(in srgb,var(--brand-2) 24%,var(--line));color:var(--brand-2);font-size:10px!important;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-library-card{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-2) 12%,transparent)}
.shared-task-note{margin-left:auto;color:var(--muted);font-size:10px;font-weight:650}
@media(max-width:680px){
  :root{--header:calc(60px + max(env(safe-area-inset-top),10px))}
  .app-header{height:var(--header);padding:max(env(safe-area-inset-top),10px) 10px 7px;align-items:center}
  .ongoing-bar{top:var(--header)}
  .task-section-head{margin-bottom:10px}
  .task-scope-switch{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;padding:3px;border-radius:13px}
  .task-scope-switch button{min-width:0;min-height:36px;padding:7px 5px;gap:4px;font-size:10px;white-space:normal;line-height:1.12}
  .task-scope-switch button span{min-width:18px;height:18px;padding:0 4px;font-size:8px}
  .library-toolbar-enhanced{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:9px}
  .task-scope-switch.compact{justify-self:stretch}
  .library-zone .section-head{margin-bottom:12px}
}
@media(max-width:390px){
  :root{--header:calc(58px + max(env(safe-area-inset-top),12px))}
  .app-header{padding-top:max(env(safe-area-inset-top),12px);padding-bottom:6px}
  .task-scope-switch button{font-size:9px}
}

/* v41 fixed mobile app header + direct guest login */
.guest-login-button{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid color-mix(in srgb,var(--brand) 34%,var(--line));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 15%,var(--surface)),color-mix(in srgb,var(--brand-2) 10%,var(--surface)));color:var(--text);font-size:13px;font-weight:650;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.08);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.guest-login-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:0 10px 26px color-mix(in srgb,var(--brand) 13%,transparent)}
@media(max-width:680px){
  .app-shell{padding-top:var(--header)}
  .app-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:70;margin:0;box-shadow:0 10px 30px color-mix(in srgb,var(--bg) 56%,transparent)}
  .ongoing-bar{top:var(--header);z-index:60}
  .guest-login-button{height:34px;padding:0 11px;border-radius:11px;font-size:11px;letter-spacing:0}
}
@media(max-width:390px){
  .guest-login-button{height:32px;padding:0 9px;font-size:10px}
}

.team-compare-panel .chart-wrap{height:320px}
.team-member-filter{display:grid;gap:10px;margin:-4px 0 16px}
.team-member-filter>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.team-member-chips{display:flex;flex-wrap:wrap;gap:8px}
.team-member-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:9px 12px;font-weight:700;max-width:100%}
.team-member-chip span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-member-chip i{display:block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.08) inset;flex:0 0 auto}
.team-member-chip.active{color:var(--text);border-color:color-mix(in srgb,var(--brand) 28%,var(--line));background:color-mix(in srgb,var(--brand) 10%,var(--surface))}
@media(max-width:680px){.team-compare-panel .chart-wrap{height:250px}.team-member-chip{width:100%;justify-content:flex-start}.team-member-chip span{max-width:none}}

.team-members-admin{margin-top:18px}
.team-members-admin .panel-title>div{display:grid;gap:4px;min-width:0}
.team-members-admin .panel-title>div>span{font-size:20px;font-weight:900;letter-spacing:-.025em}
.team-member-admin-list{display:grid;gap:10px}
.team-member-admin-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);background:var(--surface-2);border-radius:16px}
.team-member-admin-row>div{display:grid;gap:3px;min-width:0}
.team-member-admin-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-member-admin-row small{color:var(--muted);line-height:1.35}
.owner-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));color:var(--brand-2);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.member-remove-btn{white-space:nowrap}
.team-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:18px}
.team-admin-grid .panel{margin:0;min-width:0}
.team-delete-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:color-mix(in srgb,var(--danger) 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 5%,var(--surface)),var(--surface))}
.team-delete-panel>div{min-width:0}
.team-delete-panel b{display:block;margin-bottom:6px}
.team-delete-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.danger-modal .modal-icon{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}
.danger-modal p{line-height:1.6;color:var(--muted)}
.modal-actions-stack{display:grid;gap:10px;margin-top:20px}
@media(max-width:900px){.team-admin-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.team-member-admin-row{grid-template-columns:34px minmax(0,1fr)}.team-member-admin-row .owner-pill,.team-member-admin-row .member-remove-btn{grid-column:2;justify-self:start}.team-member-admin-row .member-remove-btn{width:100%}.team-delete-panel{align-items:flex-start;flex-direction:column}.team-delete-panel .btn{width:100%}.team-members-admin .panel-title{display:grid;gap:6px}.team-members-admin .panel-title>small{text-align:left;max-width:none}}

.logo-light-theme{display:none}.logo-dark-theme{display:block}html[data-theme=light] .logo-light-theme{display:block}html[data-theme=light] .logo-dark-theme{display:none}.tascux-brand{gap:0}.tascux-logo-wrap{display:flex;align-items:center;gap:10px;height:40px}.tascu-brand-logo{width:auto;height:28px;object-fit:contain}.brand-x{display:inline-flex;align-items:center;justify-content:center;font-size:25px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--text);padding-left:1px}.boot-brand{display:flex;align-items:center;gap:13px;padding:18px 22px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}.boot-tascu-logo{width:auto;height:34px;object-fit:contain}.boot-x{font-size:31px}.boot-screen .boot-pulse{width:220px;height:88px;border-radius:28px}@media(max-width:680px){.tascux-logo-wrap{height:34px;gap:7px}.tascu-brand-logo{height:23px}.brand-x{font-size:21px}}


@media(max-width:680px){
  .ongoing-bar{
    position:fixed!important;
    top:var(--header)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:69!important;
    margin:0!important;
    background:var(--bg)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:0 1px 0 var(--line)!important;
  }
  .ongoing-bar.active{height:50px!important}
  .ongoing-bar:not(.active){height:38px!important}
  .ongoing-bar.active + .main-stage{
    padding-top:64px!important;
  }
  .ongoing-bar:not(.active) + .main-stage{
    padding-top:52px!important;
  }
  html[data-theme=light] .ongoing-bar{
    background:#fff!important;
    box-shadow:0 1px 0 var(--line)!important;
  }
}