:root{color:#f8fbff;background:#0e1420;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #ff646f;--accent-strong: #ff4558;--blue: #7ea7ff;--mint: #67d8bc;--ink: #101726;--panel: rgba(15, 22, 36, .73);--panel-strong: rgba(14, 20, 33, .91);--line: rgba(255, 255, 255, .13);--muted: rgba(238, 244, 255, .64);--shadow: 0 24px 70px rgba(2, 7, 18, .36)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid rgba(126,167,255,.95);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.44}.glass-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(19px) saturate(125%);-webkit-backdrop-filter:blur(19px) saturate(125%)}.eyebrow{margin:0 0 4px;color:#cedcffb8;font-size:10px;font-weight:750;letter-spacing:.18em}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2{margin:0;font-size:21px;letter-spacing:-.03em}.panel-heading--bordered{padding-bottom:15px;border-bottom:1px solid var(--line)}.icon-button{display:inline-grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid var(--line);border-radius:11px;background:#ffffff12;cursor:pointer;transition:.16s ease}.icon-button:hover{border-color:#ffffff42;background:#ffffff21;transform:translateY(-1px)}.icon-button--large{width:44px;height:44px;border-radius:14px}.primary-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:0;border-radius:14px;color:#17090d;background:linear-gradient(135deg,#ff8490,var(--accent-strong));box-shadow:0 12px 28px #ff455840;font-weight:800;cursor:pointer;transition:.16s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.primary-button--compact{min-height:40px;border-radius:11px;font-size:13px}.loading-screen,.center-page{display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(74,111,189,.28),transparent 38%),linear-gradient(145deg,#0e1624,#080b13)}.loading-screen{align-content:center;gap:18px;color:var(--muted)}.loading-screen p{margin:0;font-size:14px}.loading-mark{display:grid;width:62px;height:62px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 40px #7ea7ff26}.loading-mark span{width:23px;height:23px;border-radius:7px 7px 10px 10px;background:var(--accent);animation:loading-pulse 1.1s ease-in-out infinite alternate}@keyframes loading-pulse{to{transform:scale(.72);opacity:.42}}.auth-page{position:relative;display:grid;min-height:100dvh;grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center;gap:clamp(36px,7vw,120px);overflow:hidden;padding:clamp(30px,5vw,76px);background:radial-gradient(circle at 20% 15%,rgba(112,153,240,.24),transparent 34%),linear-gradient(145deg,#101a2a,#090d15 72%);background-position:center;background-size:cover}.auth-page__scrim{position:absolute;inset:0;background:linear-gradient(90deg,#04080fb8,#04080f4d 54%,#04080fb3),linear-gradient(0deg,rgba(4,8,15,.68),transparent 55%)}.auth-story,.auth-card{position:relative;z-index:1}.auth-story{align-self:stretch;display:flex;max-width:680px;flex-direction:column;justify-content:space-between;padding:14px 0}.brand-lockup{display:inline-flex;align-items:center;gap:11px;font-size:18px;font-weight:800;letter-spacing:-.02em}.brand-lockup__mark{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.19);border-radius:14px;color:#fff;background:linear-gradient(145deg,#ff646ff5,#c4273df2);box-shadow:0 12px 30px #c2263d47}.auth-story__copy{margin:auto 0;padding:70px 0;text-shadow:0 4px 26px rgba(0,0,0,.48)}.auth-story__copy h1{margin:0 0 22px;font-size:clamp(44px,5.2vw,82px);line-height:1.07;letter-spacing:-.065em}.auth-story__copy>p:last-child{max-width:550px;margin:0;color:#f5f9ffc7;font-size:clamp(15px,1.3vw,19px);line-height:1.8}.auth-features{display:flex;flex-wrap:wrap;gap:10px}.auth-features span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#f7faffcc;background:#070c1566;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:12px}.auth-card{width:100%;max-width:500px;justify-self:end;padding:clamp(25px,3vw,42px);border-radius:28px}.auth-card--standalone{justify-self:center}.auth-card__heading{margin-bottom:26px}.auth-card__heading h2{margin:0 0 9px;font-size:clamp(28px,3vw,39px);letter-spacing:-.045em}.auth-card__heading>p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.setup-notice{margin:0 0 18px;padding:13px 14px;border:1px solid rgba(255,187,97,.3);border-radius:13px;color:#ffe0b2;background:#8b501133;font-size:12px;line-height:1.55}.setup-notice p{margin:5px 0 0}.setup-notice code{color:#fff}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:7px;color:#f7faffbd;font-size:12px;font-weight:700}.input-shell{display:flex;height:48px;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.13);border-radius:13px;color:#e0eaff9e;background:#04091275;transition:.16s ease}.input-shell:focus-within{border-color:#7ea7ffb8;box-shadow:0 0 0 3px #7ea7ff1f}.input-shell input{width:100%;min-width:0;border:0;outline:0;color:#fff;background:transparent}.input-shell input::placeholder{color:#d8e2f55c}.form-message{margin:0;padding:10px 12px;border-radius:10px;color:#dce7ff;background:#6789db26;font-size:12px;line-height:1.5}.auth-card__switch{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.auth-card__switch button{padding:0;border:0;color:#d4e1ffc2;background:transparent;font-size:12px;cursor:pointer}.auth-card__switch button:hover{color:#fff}.focus-page{position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 15% 12%,rgba(68,105,180,.34),transparent 36%),linear-gradient(145deg,#17243a,#080d16 72%)}.focus-page__cover{position:absolute;z-index:-3;inset:0;background-image:var(--cover-image);background-position:center;background-size:cover;transform:scale(1.01);animation:cover-in .7s ease both}@keyframes cover-in{0%{opacity:0;transform:scale(1.035)}}.focus-page__scrim{position:fixed;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,7,14,.42),transparent 39%,rgba(4,8,16,.56)),linear-gradient(0deg,rgba(3,7,14,.73),transparent 48%),linear-gradient(180deg,rgba(4,8,15,.55),transparent 30%);pointer-events:none}.workspace-header{position:fixed;z-index:40;top:0;right:0;left:0;display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.workspace-brand,.workspace-header__actions{border:1px solid var(--line);background:#0c131fb8;box-shadow:0 14px 36px #0207123b;-webkit-backdrop-filter:blur(17px) saturate(125%);backdrop-filter:blur(17px) saturate(125%)}.workspace-brand{display:flex;align-items:center;gap:11px;padding:8px 13px 8px 9px;border-radius:16px}.workspace-brand .brand-lockup__mark{width:38px;height:38px;border-radius:12px}.workspace-brand div{display:grid}.workspace-brand strong{font-size:14px}.workspace-brand span span,.workspace-brand div>span{color:var(--muted);font-size:11px}.workspace-header__actions{position:relative;display:flex;align-items:center;gap:7px;padding:7px;border-radius:16px}.header-stat-button,.profile-button{display:inline-flex;height:38px;align-items:center;gap:8px;padding:0 11px;border:0;border-radius:11px;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.header-stat-button:hover,.profile-button:hover{background:#ffffff17}.profile-avatar{display:grid;width:26px;height:26px;place-items:center;border-radius:9px;color:#171017;background:linear-gradient(145deg,#ffb0a9,#ff6c78);font-weight:900}.profile-menu{position:absolute;top:62px;right:0;display:grid;width:235px;gap:5px;padding:9px;border-radius:17px}.profile-menu button{display:flex;align-items:center;gap:9px;min-height:39px;padding:0 10px;border:0;border-radius:10px;background:transparent;text-align:left;font-size:12px;cursor:pointer}.profile-menu button:hover{background:#ffffff17}.profile-menu__name{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.profile-menu__name div{display:grid;min-width:0}.profile-menu__name span{color:var(--muted);font-size:10px}.profile-menu__name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__name input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;color:#fff;background:#00000040}.profile-menu__name button{min-height:32px;padding:0 7px}.timer-panel{position:absolute;z-index:20;top:92px;right:24px;width:370px;padding:21px;border-radius:26px;transition:border-color .25s ease}.timer-panel--shortBreak,.timer-panel--longBreak{border-color:#67d8bc40}.timer-dial{--timer-progress: 0deg;position:relative;display:grid;width:166px;height:166px;margin:20px auto 17px;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) var(--timer-progress),rgba(255,255,255,.1) 0);box-shadow:inset 0 0 0 1px #ffffff14,0 16px 45px #00000047}.timer-panel--shortBreak .timer-dial,.timer-panel--longBreak .timer-dial{background:conic-gradient(var(--mint) var(--timer-progress),rgba(255,255,255,.1) 0)}.timer-dial:before{position:absolute;inset:8px;border-radius:inherit;background:#0d1421f0;content:""}.timer-dial__inner{position:relative;display:grid;text-align:center}.timer-dial__inner strong{font-variant-numeric:tabular-nums;font-size:38px;line-height:1;letter-spacing:-.055em}.timer-dial__inner span{margin-top:8px;color:var(--muted);font-size:11px}.timer-context{display:grid;gap:4px;margin:4px 0 15px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#00000029;text-align:center}.timer-context span{color:var(--muted);font-size:10px}.timer-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.timer-actions{display:flex;gap:8px}.timer-main-button{display:inline-flex;flex:1;height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;color:#17090d;background:linear-gradient(135deg,#ff9ca4,#ff5264);box-shadow:0 10px 24px #ff52643d;font-weight:800;cursor:pointer}.timer-panel--shortBreak .timer-main-button,.timer-panel--longBreak .timer-main-button{background:linear-gradient(135deg,#8ee8cf,#4ec4a6)}.timer-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.timer-summary span{display:grid;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#00000029;font-size:12px;font-weight:700}.timer-summary small{margin-bottom:2px;color:var(--muted);font-size:9px;font-weight:500}.timer-settings{display:grid;gap:14px;margin-top:18px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settings-grid label{display:grid;gap:5px;color:var(--muted);font-size:10px}.settings-grid input{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;color:#fff;background:#00000040;padding:0 10px}.settings-hint{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.tasks-panel{position:absolute;z-index:15;top:clamp(565px,56vh,640px);right:24px;bottom:24px;display:flex;width:370px;min-height:220px;flex-direction:column;padding:19px;border-radius:24px}.count-pill{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#0000002b;font-size:10px}.task-create{display:grid;gap:8px;margin:13px 0 10px}.task-create__main{display:flex;height:42px;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:#00000030}.task-create__main input,.task-edit>input,.task-edit label input{width:100%;min-width:0;border:0;outline:0;color:#fff;background:transparent}.task-create__main input::placeholder{color:#e8efff59}.task-create__actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-create__actions label,.task-edit label{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.task-create__actions label input,.task-edit label input{width:45px;height:30px;border:1px solid var(--line);border-radius:8px;color:#fff;background:#0003;text-align:center}.task-create__actions>button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:10px;color:#1a0c0f;background:var(--accent);cursor:pointer}.task-list{display:grid;gap:7px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.task-list::-webkit-scrollbar,.playlist::-webkit-scrollbar{width:5px}.task-list::-webkit-scrollbar-thumb,.playlist::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff2e}.task-item{display:flex;min-height:57px;align-items:center;gap:9px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0b;transition:.15s ease}.task-item:hover{border-color:#ffffff2b;background:#ffffff13}.task-item--selected{border-color:#ff6f7b73;background:#ff5b6c1c}.task-item--done{opacity:.5}.task-check{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:8px;color:#131018;background:transparent;cursor:pointer}.task-item--done .task-check{border-color:var(--mint);background:var(--mint)}.task-content{display:grid;flex:1;min-width:0;gap:3px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.task-content strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.task-content span{color:var(--muted);font-size:10px}.task-menu{display:grid;grid-template-columns:1fr 1fr;gap:2px;opacity:.52;transition:opacity .15s ease}.task-item:hover .task-menu,.task-item--selected .task-menu{opacity:1}.task-menu button,.task-edit button{display:grid;width:22px;height:22px;place-items:center;padding:0;border:0;border-radius:7px;background:#ffffff0f;cursor:pointer}.task-menu button:hover,.task-edit button:hover{background:#ffffff26}.task-edit{display:grid;width:100%;gap:8px}.task-edit>input{height:30px;border-bottom:1px solid var(--line)}.task-edit>div{display:flex;align-items:center;justify-content:flex-end;gap:6px}.empty-state{display:grid;justify-items:center;gap:7px;padding:34px 12px;color:var(--muted);text-align:center}.empty-state strong{color:#ffffffd6;font-size:13px}.empty-state span{font-size:11px;line-height:1.5}.player-panel{position:absolute;z-index:18;bottom:24px;left:24px;width:430px;padding:17px;border-radius:24px}.player-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}.album-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#638be8f2,#404b97f2);box-shadow:0 10px 28px #3c59a44d}.player-heading strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.player-heading .icon-button{width:34px;height:34px}.player-progress{margin-top:14px}.player-progress input,.volume-control input{width:100%;height:4px;appearance:none;border-radius:999px;outline:0;background:#ffffff2b;cursor:pointer}.player-progress input::-webkit-slider-thumb,.volume-control input::-webkit-slider-thumb{width:12px;height:12px;appearance:none;border:2px solid #fff;border-radius:50%;background:var(--accent)}.player-progress>div{display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:9px}.player-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.player-controls>button,.volume-control button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:10px;background:#ffffff0f;cursor:pointer}.player-controls>button:hover,.volume-control button:hover{background:#ffffff21}.player-controls .player-play{width:44px;height:44px;border-radius:14px;color:#190b0e;background:linear-gradient(145deg,#ff9ba5,#ff5264);box-shadow:0 10px 25px #ff526438}.control-active{color:var(--mint)!important}.volume-control{display:flex;flex:1;align-items:center;gap:5px;margin-left:4px}.volume-control input{min-width:45px;height:3px}.autoplay-prompt{width:100%;margin-top:10px;padding:8px 10px;border:1px solid rgba(255,194,104,.33);border-radius:10px;color:#ffe4bd;background:#804c1136;font-size:10px;cursor:pointer}.playlist{display:grid;max-height:150px;gap:3px;margin-top:11px;overflow-y:auto;padding-top:9px;border-top:1px solid var(--line)}.playlist__item{display:flex;align-items:center;gap:4px}.playlist__item>button:first-child{display:grid;flex:1;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:6px;min-height:34px;padding:0 8px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.playlist__item>button:first-child:hover,.playlist__item--active>button:first-child{background:#ffffff14}.playlist__item span{color:var(--muted);font-size:9px}.playlist__item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.playlist__item>button:last-child{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:8px;background:transparent;opacity:.55;cursor:pointer}.playlist__item>button:last-child:hover{background:#ff646f24;opacity:1}.playlist p{margin:8px;color:var(--muted);font-size:11px;text-align:center}.player-upload{display:flex;gap:7px;margin-top:11px}.player-upload button{display:inline-flex;flex:1;height:34px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:#ffffff0d;font-size:10px;cursor:pointer}.player-upload button:first-child{color:#17111a;background:#ffffffde;font-weight:700}.stats-drawer{position:fixed;z-index:70;top:22px;right:22px;bottom:22px;width:410px;padding:21px;border-radius:25px;transform:translate(calc(100% + 55px));transition:transform .26s cubic-bezier(.2,.8,.2,1)}.stats-drawer--open{transform:translate(0)}.stats-hero{display:grid;gap:7px;margin:18px 0 12px;padding:20px;border:1px solid rgba(126,167,255,.19);border-radius:18px;background:radial-gradient(circle at 95% 5%,rgba(126,167,255,.22),transparent 42%),#4768b021}.stats-hero span{color:var(--muted);font-size:11px}.stats-hero strong{font-size:29px;letter-spacing:-.045em}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats-grid article{display:grid;min-height:82px;align-content:center;gap:4px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#ffffff0b}.stats-grid article>svg{color:var(--accent)}.stats-grid span{color:var(--muted);font-size:10px}.stats-grid strong{font-size:13px}.trend-card{margin-top:12px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#00000024}.trend-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.trend-card>header div{display:flex;align-items:center;gap:7px;font-size:12px}.trend-card>header>span{color:var(--muted);font-size:9px}.trend-chart{display:grid;height:155px;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;margin-top:15px}.trend-column{display:grid;height:100%;grid-template-rows:15px minmax(0,1fr) 17px;align-items:end;gap:4px;text-align:center}.trend-value{color:var(--muted);font-size:8px}.trend-track{position:relative;width:100%;height:100%;border-radius:7px;background:#ffffff0d}.trend-track i{position:absolute;right:0;bottom:0;left:0;border-radius:7px;background:linear-gradient(180deg,#89adff,#5f79dc);box-shadow:0 7px 18px #5f79dc3d;transition:height .4s ease}.trend-column small{color:var(--muted);font-size:9px}.stats-footnote{margin:13px 4px 0;color:var(--muted);font-size:10px;line-height:1.55}.toast-stack{position:fixed;z-index:100;right:18px;bottom:18px;display:grid;width:min(360px,calc(100vw - 36px));gap:8px}.toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;color:#f8fbff;background:#0c131ff2;box-shadow:0 14px 35px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:12px;animation:toast-in .22s ease both}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast--success>svg{color:var(--mint)}.toast--error>svg{color:#ff8790}.toast--info>svg{color:var(--blue)}.toast button{display:grid;width:25px;height:25px;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;cursor:pointer}.error-card{width:min(430px,calc(100vw - 32px));padding:29px;border-radius:22px;text-align:center}.error-card h1{margin:0 0 9px;font-size:24px}.error-card p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.6}.mobile-nav,.mobile-backdrop{display:none}@media(max-width:1100px){.timer-panel,.tasks-panel{width:340px}.player-panel{width:385px}.task-menu{grid-template-columns:1fr}}@media(max-height:820px)and (min-width:901px){.timer-dial{width:142px;height:142px;margin:12px auto}.timer-dial__inner strong{font-size:33px}.timer-panel{top:84px}.tasks-panel{top:500px}}@media(max-width:900px){.auth-page{grid-template-columns:1fr;align-content:start;gap:28px;overflow-y:auto;padding:24px 18px}.auth-story{min-height:285px;justify-content:flex-start;gap:28px}.auth-story__copy{margin:0;padding:20px 0 0}.auth-story__copy h1{font-size:clamp(39px,12vw,62px)}.auth-features{display:none}.auth-card{max-width:none;justify-self:stretch;border-radius:23px}.focus-page{overflow-y:auto;padding:78px 12px 96px}.workspace-header{z-index:45;padding:11px}.workspace-brand{padding:7px}.workspace-brand div{display:none}.workspace-header__actions{padding:5px}.header-stat-button span,.profile-button>span:last-child{display:none}.header-stat-button{width:38px;justify-content:center;padding:0}.timer-panel{position:relative;top:auto;right:auto;width:100%;max-width:460px;margin:0 auto;padding:18px;border-radius:22px}.timer-dial{width:154px;height:154px;margin:15px auto}.tasks-panel,.player-panel{position:fixed;z-index:65;inset:auto 10px 78px;width:auto;max-height:min(72vh,650px);transform:translateY(calc(100% + 100px));transition:transform .25s cubic-bezier(.2,.8,.2,1)}.tasks-panel{min-height:min(65vh,540px)}.player-panel{max-height:min(72vh,590px);overflow-y:auto}.tasks-panel.mobile-panel--open,.player-panel.mobile-panel--open{transform:translateY(0)}.mobile-backdrop{position:fixed;z-index:55;display:block;inset:0;border:0;background:#02050b94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-backdrop--stats{z-index:69}.stats-drawer{z-index:70;inset:72px 10px 78px;width:auto;overflow-y:auto;border-radius:23px;transform:translateY(calc(100% + 100px))}.stats-drawer--open{transform:translateY(0)}.mobile-nav{position:fixed;z-index:80;right:10px;bottom:10px;left:10px;display:grid;height:58px;grid-template-columns:repeat(4,1fr);gap:3px;padding:5px;border:1px solid var(--line);border-radius:18px;background:#0c131feb;box-shadow:0 15px 40px #0000006b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-nav button{display:grid;place-items:center;gap:1px;border:0;border-radius:13px;color:var(--muted);background:transparent;font-size:9px}.mobile-nav button.mobile-nav--active{color:#fff;background:#ffffff17}.toast-stack{right:10px;bottom:78px;width:calc(100vw - 20px)}}@media(max-width:520px){.auth-story{min-height:245px}.auth-page{padding-top:18px}.auth-card{padding:24px 19px}.workspace-header{padding:10px}.timer-panel{padding:17px}.timer-summary{gap:5px}.task-menu{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}