:root{color-scheme:dark;font-family:Oxanium,system-ui,sans-serif;--void-0: #05070d;--void-1: #0b1324;--void-2: #0f1c33;--glass: rgba(12, 20, 36, .72);--glass-strong: rgba(6, 12, 24, .86);--glass-soft: rgba(20, 30, 50, .55);--glass-border: rgba(120, 190, 255, .18);--glass-border-strong: rgba(140, 210, 255, .32);--glass-highlight: rgba(255, 255, 255, .18);--glow: #49d6ff;--glow-strong: #8af0ff;--accent: #7cf9d0;--text: #e8f2ff;--muted: #9bb1c9;--danger: #ff7a7a;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.8rem;--radius-xl: 2rem;--radius-pill: 999px;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.6rem;--shadow-1: 0 10px 30px rgba(5, 8, 20, .4);--shadow-2: 0 20px 60px rgba(5, 8, 20, .6);--shadow-glow: 0 0 18px rgba(73, 214, 255, .4);--shadow: var(--shadow-2);--gradient-accent: linear-gradient(120deg, #49d6ff 0%, #7cf9d0 100%);--gradient-cool: linear-gradient(135deg, rgba(73, 214, 255, .3), rgba(124, 249, 208, .12));--gradient-sheen: linear-gradient(160deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 45%);--blur-strong: 18px;--blur-soft: 12px;--saturate-strong: 150%;--saturate-soft: 140%;--easing-smooth: cubic-bezier(.2, .8, .2, 1);--transition-fast: .2s var(--easing-smooth);--transition-base: .32s var(--easing-smooth);--transition-slow: .52s var(--easing-smooth);--anim-base: .48s;--anim-slow: .64s;--layout-gutter: 3vw;--panel-pad: var(--space-6);--card-pad: 2.5rem;--ring-bg: rgba(255, 255, 255, .06);--header-block-size: 112px;--color-bg: var(--void-0);--color-bg-2: var(--void-1);--color-surface: var(--glass);--color-surface-strong: var(--glass-strong);--color-surface-soft: var(--glass-soft);--color-border: var(--glass-border);--color-border-strong: var(--glass-border-strong);--color-highlight: var(--glass-highlight);--color-accent: var(--accent);--color-text: var(--text);--color-muted: var(--muted);--color-danger: var(--danger)}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(73,214,255,.12),transparent 45%),radial-gradient(circle at 80% 30%,rgba(124,249,208,.14),transparent 40%),radial-gradient(circle at 50% 80%,rgba(70,100,255,.1),transparent 55%),linear-gradient(145deg,var(--void-0),var(--void-1) 45%,var(--void-2));color:var(--text);background-attachment:fixed}h1,h2,h3,.overline{font-family:Audiowide,sans-serif;letter-spacing:.08em;text-transform:uppercase}a{color:inherit}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;line-height:1.1}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{border:none;outline:none;background:#ffffff0f;color:var(--text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);line-height:1.2}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:focus,select:focus,textarea:focus{border-color:var(--glow);background:#ffffff1a;box-shadow:0 0 0 2px #49d6ff40,0 0 16px #49d6ff40}button:focus-visible,.link-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.app{min-height:100vh;min-height:100dvh}.screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:3rem 1.5rem;position:relative}.screen.center{text-align:center}.void-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(73,214,255,.1),transparent 55%),conic-gradient(from 90deg,rgba(124,249,208,.12),transparent 30%,rgba(73,214,255,.16));opacity:.6;filter:blur(2px);animation:drift 24s linear infinite;z-index:-1}.surface{background:var(--gradient-sheen),var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-2),inset 0 1px #ffffff0d;backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate-soft));-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate-soft));position:relative;overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),transform var(--transition-base)}.surface:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.18),transparent 45%),radial-gradient(circle at 90% 10%,rgba(124,249,208,.12),transparent 50%);opacity:.55;pointer-events:none}.surface:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.06);pointer-events:none}.login-card{width:min(520px,100%);max-width:520px;margin-inline:auto;padding:var(--card-pad);border-radius:var(--radius-xl)}.login-card .form{gap:1.25rem}.login-actions{display:grid;gap:.75rem}.login-actions .primary-btn,.login-actions .ghost-btn,.login-actions .link-btn{width:100%;justify-content:center}.login-header{display:grid;grid-template-columns:minmax(132px,176px) minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);align-items:center;margin-bottom:2rem}.brand-icon{width:clamp(132px,15vw,176px);height:clamp(132px,15vw,176px);border-radius:var(--radius-lg);display:grid;place-items:center;background:transparent;border:none;box-shadow:none;animation:floatBrand 6s ease-in-out infinite}.brand-logo{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(5,8,20,.5))}.brand-copy{min-width:0}.brand-title{margin:0;letter-spacing:.14em;line-height:1.04;background:linear-gradient(115deg,#8af0ff,#e8f2ff 40%,#7cf9d0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(73,214,255,.24)}.brand-tagline{margin:var(--space-1) 0 0;letter-spacing:.06em}.login-title{font-size:clamp(1.2rem,2.2vw,2.35rem);letter-spacing:clamp(.05em,.1vw,.09em);line-height:1.08;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;word-break:normal;margin-bottom:var(--space-2)}@supports (font-size: 1cqi){.login-title{font-size:clamp(1.2rem,9.2cqi,2.35rem)}}.login-header .brand-copy{container-type:inline-size}.login-seo-copy{margin-top:var(--space-2)}.form{display:grid;gap:1rem}.field{display:grid;gap:.4rem;font-size:var(--text-sm)}.primary-btn,.ghost-btn,.link-btn{border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);border:1px solid transparent;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-base),border-color var(--transition-base),background-position var(--transition-slow),background-color var(--transition-base),color var(--transition-base),text-shadow var(--transition-base),filter var(--transition-base)}.primary-btn,.ghost-btn{overflow:hidden}.primary-btn:before,.ghost-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#ffffff38,#fff0 42%);opacity:.9;pointer-events:none;transform:translateY(-28%)}.primary-btn{background:linear-gradient(180deg,#ffffff2e,#fff0 60%),var(--gradient-accent);color:#021018;font-weight:700;text-transform:uppercase;letter-spacing:.14em;box-shadow:var(--shadow-glow),0 18px 36px #05081473,inset 0 1px #ffffff47;background-size:180% 180%;background-position:0% 50%;filter:brightness(1)}.primary-btn:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 0 36px #7cf9d0a6,0 22px 44px #0508148c,inset 0 1px #ffffff52;background-position:100% 50%;filter:brightness(1.12)}.primary-btn:active{transform:translateY(-1px) scale(.99);filter:brightness(1.02);box-shadow:0 0 18px #7cf9d073,0 12px 24px #0508148c,inset 0 1px #ffffff2e}.ghost-btn{background:linear-gradient(180deg,#ffffff1a,#fff0 62%),var(--glass-soft);border-color:#78beff52;backdrop-filter:blur(var(--blur-soft)) saturate(var(--saturate-soft));-webkit-backdrop-filter:blur(var(--blur-soft)) saturate(var(--saturate-soft));box-shadow:0 14px 32px #05081473,inset 0 1px #ffffff24}.ghost-btn:hover{border-color:var(--glow);box-shadow:0 0 22px #49d6ff40,0 18px 36px #0508148c,inset 0 1px #ffffff29;background:linear-gradient(180deg,#ffffff1f,#fff0 60%),#49d6ff24;transform:translateY(-2px)}.ghost-btn:active{transform:translateY(-1px);box-shadow:0 10px 22px #0508148c,inset 0 1px #ffffff1f}.link-btn{background:transparent;border:none;padding:var(--space-2) 0;color:var(--glow)}.link-btn:hover{text-decoration:none;color:var(--glow-strong);text-shadow:0 0 12px rgba(73,214,255,.6)}.error-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#ff7a7a1f;border:1px solid rgba(255,122,122,.5);color:#ffd2d2;transition:border-color var(--transition-base),background var(--transition-base)}.subtle{color:var(--muted);font-size:var(--text-sm)}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overline{font-size:var(--text-xs);color:var(--glow)}.dashboard{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-bottom:0;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:clamp(.48rem,.95vh,.78rem) var(--layout-gutter);border-bottom:1px solid var(--glass-border);background:linear-gradient(120deg,#49d6ff14,#7cf9d005 55%),var(--glass-strong);box-shadow:var(--shadow-1);backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate-strong));-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate-strong));position:sticky;top:0;z-index:30;isolation:isolate}.app-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#7cf9d000,#8af0ffe0 30%,#7cf9d0d9 68%,#7cf9d000);background-size:220% 100%;animation:beamSweep 11s linear infinite;pointer-events:none}.brand{display:flex;flex:1;gap:var(--space-3);align-items:center;min-width:0}.brand>div{min-width:0}.brand-mark{width:82px;height:82px;border-radius:var(--radius-md);display:grid;place-items:center;background:transparent;border:none;box-shadow:none;animation:floatBrand 6s ease-in-out infinite}.app-header .brand-title{font-size:clamp(.92rem,1.12vw,1.06rem);letter-spacing:.1em}.app-header .brand-tagline{font-size:.74rem;letter-spacing:.05em}.header-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:0}.desktop-only{display:inline-flex}.mobile-only{display:none}.icon-btn{width:38px;height:38px;padding:0;border-radius:var(--radius-md)}.icon-btn svg{width:19px;height:19px}.menu-backdrop{position:fixed;inset:0;background:#05081480;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:45}.mobile-menu{position:fixed;top:calc(var(--header-block-size, 96px) + var(--space-2));right:var(--layout-gutter);width:min(360px,92vw);padding:var(--space-4);border-radius:var(--radius-lg);z-index:50;animation:modalIn var(--anim-base) var(--easing-smooth) both;max-height:calc(100dvh - var(--header-block-size, 96px) - var(--space-4));overflow-y:auto;overscroll-behavior:contain}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.mobile-user{width:100%;margin-bottom:var(--space-4)}.mobile-user .user-line{width:100%}.mobile-menu-actions{display:grid;gap:var(--space-3)}.user-chip{display:flex;gap:var(--space-3);align-items:center;padding:.34rem .74rem;border-radius:var(--radius-pill);background:var(--glass-soft);border:1px solid var(--glass-border);backdrop-filter:blur(var(--blur-soft)) saturate(var(--saturate-soft));-webkit-backdrop-filter:blur(var(--blur-soft)) saturate(var(--saturate-soft));transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),transform var(--transition-base);min-width:0}.user-chip:hover{border-color:var(--glass-border-strong);box-shadow:0 0 22px #49d6ff40;transform:translateY(-2px)}.user-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #7cf9d0b3}.user-line{margin:0;display:flex;align-items:center;gap:var(--space-2);min-width:0;white-space:nowrap}.user-name{font-weight:600;font-size:var(--text-sm);min-width:0;max-width:min(32vw,16rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-sep{color:#8cd2ff8c}.user-status{color:var(--muted);font-size:var(--text-xs);letter-spacing:.04em}.main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(.65rem,1.5vh,1rem);padding:clamp(.58rem,1.2vh,.98rem) var(--layout-gutter) clamp(.66rem,1.5vh,1.08rem);height:100%;min-height:0;align-items:stretch;overflow:hidden}.stats-page{padding:clamp(.58rem,1.2vh,.98rem) var(--layout-gutter) clamp(.66rem,1.5vh,1.08rem);height:100%;min-height:0;overflow:hidden}.stats-page-panel{width:min(1100px,100%);margin:0 auto}.panel{padding:clamp(.72rem,1.15vw,1.08rem);border-radius:var(--radius-lg);animation:rise var(--anim-base) var(--easing-smooth) both;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.panel-focus,.panel-tasks,.panel-stats{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.focus-stack{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--space-3);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.focus-stack::-webkit-scrollbar{width:0;height:0}.panel:hover{transform:translateY(-4px);box-shadow:0 24px 70px #050814a6;border-color:var(--glass-border-strong)}.panel--delay-1{animation-delay:.15s}.panel--delay-2{animation-delay:.3s}.timer-wrap{display:grid;gap:var(--space-2);justify-items:center;width:100%}.timer-weekly-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.1rem 0}.timer-weekly-toolbar-left{min-width:0;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.timer-weekly-count{margin:0;min-width:0;color:var(--muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.timer-weekly-count-value{font-family:Audiowide,sans-serif;color:#dffff2;letter-spacing:.05em;text-shadow:0 0 10px rgba(124,249,208,.22)}.timer-weekly-count-sep{color:#8cd2ff99}.timer-weekly-count-label{color:var(--muted)}.timer-weekly-open-link{flex:0 0 auto;font-size:var(--text-xs);letter-spacing:.08em;white-space:nowrap}.timer-weekly-status{display:inline-flex;align-items:center;gap:.35rem;padding:.08rem .45rem .08rem .38rem;border-radius:var(--radius-pill);border:1px solid transparent;background:#ffffff08;font-size:.66rem;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.timer-weekly-status:before{content:"";width:.28rem;height:.28rem;border-radius:50%;background:currentColor;box-shadow:0 0 8px #ffffff1f;flex:0 0 auto}.timer-weekly-status-done{color:#b8ffe7;border-color:#7cf9d052;background:#7cf9d014}.timer-weekly-status-in-line{color:#c8f8ff;border-color:#49d6ff47;background:#49d6ff14}.timer-weekly-status-behind{color:#ffe2b1;border-color:#ffcd804d;background:#ffcd8014}.timer-ring{--ring-start: var(--glow);--ring-end: var(--accent);width:min(234px,52.5vw);aspect-ratio:1;box-sizing:border-box;display:grid;place-items:center;padding:var(--space-5);justify-self:center;margin-inline:auto;max-inline-size:100%;border-radius:50%;background:conic-gradient(from -90deg,var(--ring-start) 0turn,var(--ring-end) calc(var(--progress) * 1turn),var(--ring-bg) 0);position:relative;box-shadow:0 0 60px #49d6ff59;transition:box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-base)}.timer-ring-focus{--ring-start: #49d6ff;--ring-end: #7cf9d0}.timer-ring-break{--ring-start: #79c3ff;--ring-end: #8ff2dc}.timer-ring-long_break{--ring-start: #9ddcff;--ring-end: #bcffe0}.timer-ring-running{animation:ringPulse 2.9s var(--easing-smooth) infinite}.timer-ring:hover{transform:scale(1.01);box-shadow:0 0 80px #49d6ff73}.timer-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.16),transparent 55%);opacity:.7;pointer-events:none;z-index:0}.timer-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(124,249,208,.4);animation:spin 24s linear infinite;z-index:0}.timer-ring-running:after{animation-duration:10s;border-color:#8af0ff8f}.timer-core{position:relative;z-index:1;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:hidden;border-radius:50%;display:grid;place-items:center;align-content:center;justify-items:center;grid-template-rows:auto auto auto;padding:clamp(.5rem,1.6vw,.9rem);text-align:center;background:linear-gradient(160deg,#ffffff0f,#fff0 45%),#060c18b8;border:1px solid rgba(73,214,255,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.timer-core-running{border-color:#7cf9d06b;box-shadow:inset 0 0 32px #7cf9d014}.timer-display{font-size:clamp(1.95rem,4.9vw,3rem);font-family:Audiowide,sans-serif;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;display:inline-grid;place-items:center;width:auto;max-width:100%;min-inline-size:0;min-block-size:1.15em;padding-inline:.06em;box-sizing:border-box;white-space:nowrap;line-height:.94;letter-spacing:0;text-shadow:0 0 20px rgba(73,214,255,.6);margin:.1rem 0;justify-self:center}.timer-meta{width:100%;display:flex;justify-content:space-between;gap:var(--space-4);align-items:center}.task-title{margin:.2rem 0 0;font-weight:600;overflow-wrap:anywhere}.task-ready-hint{margin-top:var(--space-1);color:var(--accent)}.task-meta-line{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.priority-badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:.16rem .58rem;font-size:var(--text-xs);letter-spacing:.04em;border:1px solid transparent}.priority-high{background:#ff7a7a1f;border-color:#ff7a7a80;color:#ffd4d4}.priority-medium{background:#ffcd801f;border-color:#ffcd807a;color:#ffe9c7}.priority-low{background:#7cf9d01f;border-color:#7cf9d073;color:#d5ffee}.chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid rgba(120,190,255,.3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}.chip-status{background:var(--gradient-cool);border-color:#7cf9d066;box-shadow:inset 0 0 12px #49d6ff1f}.chip-status.status-running{border-color:#7cf9d09e;box-shadow:inset 0 0 14px #7cf9d029,0 0 18px #7cf9d033}.chip-status.status-paused{border-color:#ffcd809e;background:linear-gradient(145deg,#ffcd8033,#ffffff05)}.chip-status.status-idle{border-color:#8cd2ff5c;background:#78beff1a}.timer-actions{display:flex;width:100%;justify-content:center;gap:clamp(.35rem,.8vw,.55rem);flex-wrap:wrap}.timer-icon-btn{width:clamp(42px,11vw,52px);height:clamp(42px,11vw,52px);padding:0;border-radius:50%;flex:0 0 auto;position:relative;display:inline-grid;place-items:center;border-width:1px;isolation:isolate}.timer-icon-btn.ghost-btn{background:radial-gradient(circle at 32% 26%,#ffffff24,#fff0 62%),#070c18eb;border-color:#8af0ff66;box-shadow:0 14px 28px #05081494,inset 0 1px #ffffff21,inset 0 0 0 1px #49d6ff0f}.timer-icon-btn.ghost-btn:hover:not(:disabled),.timer-icon-btn.ghost-btn:focus-visible{background:radial-gradient(circle at 32% 26%,#ffffff29,#fff0 62%),#0a1222f5;border-color:#8af0ff94;box-shadow:0 0 18px #49d6ff2e,0 16px 30px #0508149e,inset 0 1px #ffffff29}.timer-icon-btn.timer-icon-btn-primary{border-color:#7cf9d06b;box-shadow:0 0 22px #7cf9d057,0 14px 28px #05081480,inset 0 1px #ffffff47}.timer-icon-btn--pause.ghost-btn{border-color:#ffca6d80;box-shadow:0 0 12px #ffb84a1f,0 14px 28px #05081494,inset 0 1px #ffffff21}.timer-icon-btn--reset.ghost-btn{border-color:#7cbaff75}.timer-icon-btn--skip.ghost-btn{border-color:#7cf9d06b}.timer-btn-icon{width:1.28rem;height:1.28rem;display:inline-grid;place-items:center;color:currentColor;transition:transform var(--transition-fast),filter var(--transition-base),opacity var(--transition-base)}.timer-btn-icon svg{width:100%;height:100%;display:block;overflow:visible}.timer-btn-icon lord-icon{width:100%;height:100%;display:block;pointer-events:none;transform:scale(1.06)}.timer-icon-btn-primary .timer-btn-icon lord-icon{filter:contrast(1.22) saturate(1) brightness(.98) drop-shadow(0 0 3px rgba(4,19,28,.28))}.timer-icon-btn:not(.timer-icon-btn-primary) .timer-btn-icon lord-icon{filter:contrast(1.18) saturate(1.18) brightness(1.06) drop-shadow(0 0 10px rgba(73,214,255,.26))}.timer-icon-btn--pause .timer-btn-icon lord-icon{filter:contrast(1.16) saturate(1.14) brightness(1.06) drop-shadow(0 0 10px rgba(255,184,74,.22))}.timer-icon-btn--reset .timer-btn-icon lord-icon{filter:contrast(1.18) saturate(1.16) brightness(1.06) drop-shadow(0 0 10px rgba(124,186,255,.22))}.timer-icon-btn--skip .timer-btn-icon lord-icon{filter:contrast(1.12) saturate(.92) brightness(1.08) drop-shadow(0 0 10px rgba(236,247,255,.24))}.timer-glyph-play,.timer-glyph-skip-left,.timer-glyph-skip-right,.timer-glyph-skip-bar,.timer-glyph-pause-bar{fill:currentColor}.timer-glyph-pause-bar-left,.timer-glyph-pause-bar-right{transform-origin:center}.timer-icon-btn:hover:not(:disabled) .timer-btn-icon,.timer-icon-btn:focus-visible .timer-btn-icon{transform:translateY(-1px) scale(1.07);filter:drop-shadow(0 0 10px rgba(73,214,255,.35))}.timer-icon-btn.timer-icon-btn-primary:not(:disabled) .timer-btn-icon{animation:timerIconGlow 2.4s ease-in-out infinite}.timer-icon-btn[data-action=start]:hover:not(:disabled) .timer-glyph-play,.timer-icon-btn[data-action=resume]:hover:not(:disabled) .timer-glyph-play{animation:timerPlayPop .42s var(--easing-smooth);transform-origin:45% 50%}.timer-icon-btn[data-action=pause] .timer-btn-icon{animation:timerPauseBreath 2.8s ease-in-out infinite}.timer-icon-btn[data-action=pause]:hover:not(:disabled) .timer-glyph-pause-bar-left{animation:timerPauseBarLeft .42s var(--easing-smooth)}.timer-icon-btn[data-action=pause]:hover:not(:disabled) .timer-glyph-pause-bar-right{animation:timerPauseBarRight .42s var(--easing-smooth)}.timer-icon-btn[data-action=reset]:hover:not(:disabled) .timer-btn-icon svg{animation:timerResetSpin .65s cubic-bezier(.2,.9,.2,1);transform-origin:center}.timer-icon-btn[data-action=skip]:hover:not(:disabled) .timer-glyph-skip-left{animation:timerSkipHopLeft .42s var(--easing-smooth)}.timer-icon-btn[data-action=skip]:hover:not(:disabled) .timer-glyph-skip-right{animation:timerSkipHopRight .42s var(--easing-smooth)}.timer-icon-btn[data-action=skip]:hover:not(:disabled) .timer-glyph-skip-bar{animation:timerSkipBarBlink .42s var(--easing-smooth)}.timer-icon-btn:disabled .timer-btn-icon{opacity:.7;animation:none}.weekly-goal-card{width:min(292px,100%);margin-inline:auto;padding:clamp(.52rem,.9vw,.76rem);border-radius:var(--radius-lg);border:1px solid rgba(124,249,208,.26);background:linear-gradient(150deg,#7cf9d01f,#fff0 36%),#08101e9e;box-shadow:inset 0 1px #ffffff1a,0 14px 34px #050a1873;display:grid;gap:.42rem;position:relative;overflow:hidden}.focus-stack .weekly-goal-card{margin-top:auto}.weekly-goal-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 14%,rgba(138,240,255,.2),transparent 46%),radial-gradient(circle at 8% 72%,rgba(124,249,208,.18),transparent 42%);pointer-events:none}.weekly-goal-card>*{position:relative;z-index:1}.weekly-goal-meter{--goal-progress: 0;width:min(150px,46vw);aspect-ratio:1;margin-inline:auto;border-radius:50%;padding:var(--space-3);background:conic-gradient(from -90deg,#7cf9d0e6 calc(var(--goal-progress) * 1turn),#78beff33 0);box-shadow:0 0 35px #7cf9d03d,0 0 56px #49d6ff1f;animation:weeklyGlow 4.2s ease-in-out infinite}.weekly-goal-meter-core{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(165deg,#ffffff24,#fff0 48%),#050b17e0;border:1px solid rgba(124,249,208,.3)}.weekly-goal-value{margin:0;font-family:Audiowide,sans-serif;font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:.04em;color:#dffff2;text-shadow:0 0 18px rgba(124,249,208,.35)}.weekly-goal-meter-core .subtle{margin:.3rem 0 0}.weekly-goal-inline-stats{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.weekly-goal-inline-stats--compact{align-items:center}.weekly-pace-chip{border-width:1px;border-style:solid}.weekly-pace-chip.weekly-pace-done{border-color:#7cf9d09e;background:linear-gradient(145deg,#7cf9d047,#7cf9d014)}.weekly-pace-chip.weekly-pace-in-line{border-color:#8af0ff94;background:linear-gradient(145deg,#49d6ff3d,#ffffff0a)}.weekly-pace-chip.weekly-pace-behind{border-color:#ffcd80a3;background:linear-gradient(145deg,#ffcd803d,#ffffff0a)}.weekly-goal-inline-value{margin:0;font-family:Audiowide,sans-serif;font-size:clamp(1.02rem,1.8vw,1.3rem);color:#dffff2;letter-spacing:.04em}.weekly-goal-inline-value span{font-family:Oxanium,system-ui,sans-serif;color:var(--muted);font-size:clamp(.68rem,.86vw,.76rem);letter-spacing:.02em}.weekly-progress-track{height:.34rem;border-radius:var(--radius-pill);background:#78beff29;border:1px solid rgba(73,214,255,.24);overflow:hidden}.weekly-progress-track>span{--goal-progress: 0;display:block;height:100%;width:clamp(0%,calc(var(--goal-progress) * 100%),100%);border-radius:inherit;background:linear-gradient(90deg,#49d6fff2,#7cf9d0f2);box-shadow:0 0 14px #7cf9d04d}.weekly-goal-open-btn{width:100%;padding:.4rem .72rem;font-size:.72rem;letter-spacing:.1em}.weekly-target-form{display:grid;gap:var(--space-2)}.weekly-target-form .field{margin:0}.weekly-target-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.weekly-target-actions .primary-btn,.weekly-target-actions .ghost-btn{flex:1 1 8.5rem;min-width:0;justify-content:center}.weekly-goal-loading{margin:0}.weekly-goal-modal-backdrop{z-index:55;padding:clamp(.6rem,2vw,1.4rem)}.weekly-goal-modal-card{width:min(560px,96vw);max-height:min(90dvh,760px);padding:clamp(.9rem,1.4vw,1.25rem);border-radius:var(--radius-lg)}.weekly-goal-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.weekly-goal-modal-head h3{margin:.1rem 0 .2rem}.weekly-goal-modal-head .subtle{margin:0}.weekly-goal-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:var(--space-2);margin-top:var(--space-3);margin-bottom:var(--space-3)}@media(min-width:721px){html{font-size:80%}.focus-stack{width:100%;flex:1 1 auto}.tasks-wrap{flex:1 1 auto}}@media(min-width:721px)and (max-height:860px){.main-grid,.stats-page{padding-top:clamp(.45rem,.9vh,.7rem);padding-bottom:clamp(.45rem,.9vh,.7rem)}.app-header{padding:clamp(.42rem,.8vh,.6rem) var(--layout-gutter)}.brand-mark{width:74px;height:74px}.panel{padding:clamp(.58rem,.92vh,.82rem)}.timer-ring{width:min(203px,42vw);padding:var(--space-4)}.weekly-goal-meter{width:min(138px,40vw)}}.tasks-wrap{display:flex;flex-direction:column;gap:var(--space-3);container-type:inline-size;container-name:tasks-panel;height:100%;overflow:hidden;min-height:0}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.panel-header h3{margin:0}.panel-header .subtle{margin:var(--space-1) 0 0}.panel-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.task-panel-header{align-items:flex-start;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.task-panel-header>div:first-child{min-width:0}.task-panel-header-actions{width:100%;align-items:center;justify-content:flex-start;gap:.2rem .9rem;margin-top:var(--space-1)}.task-header-count{display:inline-flex;align-items:center;gap:.45rem;margin-right:.25rem;color:var(--muted);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.task-header-count:before{content:"";width:.38rem;height:.38rem;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #7cf9d08c;flex:0 0 auto}.task-header-link,.header-menu-link{border:none;background:transparent;padding:.15rem 0;border-radius:.3rem;color:var(--glow);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;position:relative;transition:color var(--transition-base),text-shadow var(--transition-base),opacity var(--transition-base)}.task-header-link:after,.header-menu-link:after{content:"";position:absolute;left:0;right:0;bottom:-.12rem;height:1px;background:linear-gradient(90deg,#49d6ff00,#49d6ffd9,#49d6ff00);transform:scaleX(.15);transform-origin:left center;opacity:.5;transition:transform var(--transition-base),opacity var(--transition-base),filter var(--transition-base)}.task-header-link:hover:not(:disabled),.header-menu-link:hover:not(:disabled){color:var(--glow-strong);text-shadow:0 0 12px rgba(73,214,255,.55)}.task-header-link:hover:not(:disabled):after,.header-menu-link:hover:not(:disabled):after{transform:scaleX(1);opacity:1;filter:drop-shadow(0 0 8px rgba(73,214,255,.4))}.task-header-link:active:not(:disabled),.header-menu-link:active:not(:disabled){opacity:.9}.task-header-link:disabled,.header-menu-link:disabled{color:var(--muted);text-shadow:none;opacity:.5}.task-header-link:disabled:after,.header-menu-link:disabled:after{opacity:.18;transform:scaleX(.12)}.task-header-link--accent{color:var(--accent)}.task-header-link--accent:after{background:linear-gradient(90deg,#7cf9d000,#7cf9d0e6,#7cf9d000)}.task-header-link.timer-weekly-open-link{font-size:var(--text-xs);letter-spacing:.08em}.header-actions .header-menu-link{white-space:nowrap;letter-spacing:.08em;font-size:var(--text-xs)}.header-menu-link--danger{color:#ffb0b0f2}.header-menu-link--danger:after{background:linear-gradient(90deg,#ff7a7a00,#ff7a7aeb,#ff7a7a00)}.header-menu-link--danger:hover:not(:disabled){color:#ffd0d0;text-shadow:0 0 10px rgba(255,122,122,.38)}.modal-backdrop{position:fixed;inset:0;background:#050814b8;display:grid;place-items:center;z-index:40;padding:var(--space-5);transition:opacity var(--transition-base),background var(--transition-base);animation:fadeIn var(--anim-base) var(--easing-smooth) both}.modal-card{width:min(520px,94vw);max-height:calc(100vh - 3rem);overflow-y:auto;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);animation:modalIn var(--anim-base) var(--easing-smooth) both}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.task-create-modal-backdrop{padding:1rem;z-index:1350;display:flex;justify-content:center;align-items:center}.task-create-modal-card{width:min(620px,calc(100vw - 2rem));max-width:100%;height:auto;max-height:min(84vh,720px);border-radius:var(--radius-lg);padding:clamp(1rem,1.6vw,1.5rem);overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--space-3);animation:taskCreateModalIn calc(var(--anim-base) + .12s) cubic-bezier(.16,.88,.24,1) both}.task-create-modal-card>*{min-width:0}.task-create-modal-card .modal-header{margin-bottom:0;align-items:flex-start;gap:var(--space-3)}.task-create-modal-card .modal-header>div{min-width:0}.task-create-form{display:grid;gap:var(--space-3)}.task-create-form .field{gap:var(--space-2)}.task-create-form .field>span{color:var(--muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.task-create-secondary-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.task-create-secondary-fields input[type=number],.task-create-secondary-fields select{width:100%}.task-create-modal-actions{margin-top:var(--space-1);flex-wrap:wrap}.task-create-modal-actions .ghost-btn,.task-create-modal-actions .primary-btn{flex:1 1 10rem;min-width:0;justify-content:center}.task-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(4.75rem,5.5rem) minmax(6.5rem,7.2rem) auto;gap:var(--space-2);align-items:stretch;margin-bottom:var(--space-4)}.task-form>*{min-width:0}.task-form .primary-btn{min-width:7.2rem}.task-form input[type=number],.task-form select{width:100%}.task-add-toast,.task-import-toast{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(124,249,208,.44);background:#7cf9d01a;color:#d8ffef;font-size:var(--text-sm);animation:reveal var(--anim-base) var(--easing-smooth) both}.import-modal-backdrop{padding:1rem;z-index:1400;display:flex;justify-content:center;align-items:center}.import-modal-card{width:min(540px,calc(100vw - 2rem));max-width:100%;height:auto;max-height:min(84vh,820px);border-radius:var(--radius-lg);padding:clamp(1rem,1.6vw,1.6rem);overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--space-3)}.import-modal-card>*{min-width:0}.import-modal-card .modal-header{margin-bottom:0;align-items:flex-start;gap:var(--space-3)}.import-modal-card .modal-header>div{min-width:0}.import-modal-card .modal-actions{margin-top:var(--space-1);flex-wrap:wrap}.import-modal-card .modal-actions .ghost-btn,.import-modal-card .modal-actions .primary-btn{flex:1 1 10rem;min-width:0;justify-content:center}.import-guide{margin:0}.import-example{margin:0;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(120,190,255,.28);background:#060c1899;font-size:.82rem;line-height:1.35;white-space:pre-wrap;overflow-x:auto}.import-dropzone{border:1px dashed rgba(120,190,255,.42);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:0;display:grid;gap:var(--space-3);justify-items:start;transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);background:#ffffff08}.import-dropzone.active{border-color:var(--accent);background:#7cf9d014;box-shadow:0 0 18px #7cf9d02e}.import-json-input{width:100%;resize:vertical;min-height:180px;line-height:1.3}.import-loading{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(73,214,255,.44);background:#49d6ff1a;color:#dff8ff;font-size:var(--text-sm)}.import-loading-spinner{width:.95rem;height:.95rem;border-radius:50%;border:2px solid rgba(223,248,255,.35);border-top-color:#dff8fff2;animation:spin .8s linear infinite}.task-form select,.task-edit-fields select{min-width:0}.task-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:none;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-1);flex:1 1 auto;min-height:0}.tasks-wrap>.task-list{margin-top:0}.task-list,.modal-card{scrollbar-width:none;-ms-overflow-style:none}.task-list::-webkit-scrollbar,.modal-card::-webkit-scrollbar{width:0;height:0}.task-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--glass-soft);border:1px solid transparent;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),opacity var(--transition-base);flex-wrap:wrap}.task-item>div:first-child{min-width:0}.task-item:hover{border-color:#7cf9d066;transform:translateY(-2px);box-shadow:0 8px 22px #0c142859}.task-item.active{border-color:var(--accent);box-shadow:0 0 18px #7cf9d04d,inset 0 0 0 1px #7cf9d01f;background:linear-gradient(140deg,#7cf9d014,#fff0 55%),var(--glass-soft);transform:translateY(-2px)}.task-item.archived{opacity:.6}.task-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;min-width:0;justify-content:flex-end}.task-actions .ghost-btn{min-width:5.2rem}.task-edit{display:grid;gap:var(--space-3);width:100%}.task-edit-fields{display:grid;gap:var(--space-2);grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.task-edit-fields>*{min-width:0}.task-edit-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.task-edit-actions .primary-btn,.task-edit-actions .ghost-btn{flex:1 1 140px;justify-content:center}.stats-wrap{display:grid;gap:var(--space-4)}.stats-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.stats-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.period-btn{min-width:82px;justify-content:center}.period-btn.active{border-color:#7cf9d099;background:linear-gradient(180deg,#ffffff24,#fff0 60%),#7cf9d024;box-shadow:0 0 16px #7cf9d038,0 10px 24px #05081480}.stats-export-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.stats-range{margin:0}.stats-goal-insight{padding:clamp(.9rem,1.5vw,1.2rem);border-radius:var(--radius-md);border:1px solid rgba(124,249,208,.32);background:linear-gradient(138deg,#7cf9d01a,#ffffff05 45%),#0a12208f;display:grid;gap:var(--space-3)}.stats-goal-heading{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.stats-goal-heading h3{margin:0}.stats-goal-range{margin:var(--space-1) 0 0}.stats-goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-2)}.stats-goal-card{background:#101c308f}.stats-goal-copy{margin:0}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat-card{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#141e3285;border:1px solid rgba(120,190,255,.24);box-shadow:inset 0 1px #ffffff0d}.stat-value{margin:.35rem 0 0;font-family:Audiowide,sans-serif;font-size:clamp(1.1rem,3vw,1.55rem)}.stats-timeline-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.stats-list{display:grid;gap:var(--space-3);max-height:360px;overflow-y:auto;padding-right:var(--space-1);scrollbar-width:none;-ms-overflow-style:none}.stats-list::-webkit-scrollbar{width:0;height:0}.stats-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#141e3285;border:1px solid rgba(120,190,255,.22);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);animation:reveal var(--anim-base) var(--easing-smooth) both}.stats-item:hover{transform:translateY(-2px);border-color:#7cf9d061;box-shadow:0 8px 22px #0c142857}.stats-item-main{min-width:0}.stats-item-meta{text-align:right}.archived{margin-top:var(--space-4)}.archived-list{margin-top:var(--space-3)}.archived-collapsible{max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height var(--transition-base),opacity var(--transition-fast),transform var(--transition-fast)}.archived-collapsible[data-open=true]{max-height:440px;opacity:1;transform:translateY(0)}.archived-collapsible[data-open=false]{pointer-events:none}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.settings-grid .field{min-width:0}.settings-grid input{width:100%}.toggle{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.toggle input{width:42px;height:22px;appearance:none;background:#ffffff14;border-radius:var(--radius-pill);position:relative;border:1px solid rgba(120,190,255,.2);transition:background var(--transition-base),border-color var(--transition-base)}.toggle input:after{content:"";position:absolute;top:2px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--glow);transition:transform var(--transition-base)}.toggle input:checked:after{transform:translate(18px)}.toggle input:checked{background:#49d6ff33;border-color:#49d6ff8c}.toast{position:fixed;right:1.5rem;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));background:linear-gradient(140deg,#49d6ff14,#fff0 45%),var(--glass-strong);border:1px solid var(--glass-border-strong);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;gap:var(--space-4);align-items:center;box-shadow:var(--shadow-1);backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate-soft));-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(var(--saturate-soft));z-index:20;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);animation:toastIn var(--anim-base) var(--easing-smooth) both}.toast-title{margin:0 0 .2rem;font-weight:600}.toast-actions{display:flex;gap:var(--space-2)}.orbital-loader{width:64px;height:64px;border-radius:50%;border:2px solid rgba(73,214,255,.2);border-top-color:var(--glow);animation:spin 1.2s linear infinite;margin-bottom:var(--space-4)}.ghost-btn.danger{border-color:#ff7a7a66;color:var(--danger)}.ghost-btn.danger:hover{border-color:var(--danger);box-shadow:0 0 14px #ff7a7a59;background:#ff7a7a14}.app-footer{margin-top:0;width:100%;border-top:1px solid rgba(120,190,255,.24);background:linear-gradient(180deg,#49d6ff14,#05081433 45%,#05081400);padding:var(--space-4) clamp(.9rem,3vw,2.5rem) calc(var(--space-5) + env(safe-area-inset-bottom,0px))}.footer-shell{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:0}.footer-credit{margin:0;flex:1;min-width:0;text-align:center;font-size:clamp(.68rem,.95vw,.8rem);color:#bdd6eaad;letter-spacing:.02em;padding:0 var(--space-2);overflow-wrap:anywhere;text-wrap:balance}.footer-credit a{color:var(--glow-strong);text-decoration:none;font-weight:600;letter-spacing:.02em}.footer-credit a:hover{color:var(--accent);text-shadow:0 0 16px rgba(124,249,208,.5)}.footer-version{font-family:Audiowide,sans-serif;letter-spacing:.06em;color:#8af0ffd1}.footer-icon-link{width:42px;height:42px;flex:0 0 42px;display:inline-grid;place-items:center;border-radius:0;color:var(--text);background:transparent;border:none;box-shadow:none;transition:transform var(--transition-fast),box-shadow var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.footer-icon-link svg{width:23px;height:23px}.footer-icon-media{width:25px;height:25px;display:inline-grid;place-items:center;pointer-events:none}.footer-icon-link lord-icon{width:100%;height:100%;display:block;pointer-events:none;filter:contrast(1.12) saturate(1.08) drop-shadow(0 0 10px rgba(73,214,255,.18))}.footer-icon-link:hover{transform:translateY(-1px);color:var(--accent);box-shadow:none;text-shadow:0 0 18px rgba(124,249,208,.45)}.footer-icon-link:hover lord-icon{filter:contrast(1.12) saturate(1.1) drop-shadow(0 0 14px rgba(124,249,208,.22))}.footer-icon-link.disabled{opacity:.38;pointer-events:none}@keyframes drift{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatBrand{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes taskCreateModalIn{0%{opacity:0;transform:translateY(18px) scale(.965) rotateX(7deg);box-shadow:0 0 #7cf9d000,0 10px 28px #05081473}58%{opacity:1;transform:translateY(-2px) scale(1.008) rotateX(0);box-shadow:0 0 30px #7cf9d024,0 18px 42px #0508148c}to{opacity:1;transform:translateY(0) scale(1) rotateX(0);box-shadow:var(--shadow-2),inset 0 1px #ffffff0d}}@keyframes timerIconGlow{0%,to{filter:drop-shadow(0 0 0 rgba(124,249,208,0))}50%{filter:drop-shadow(0 0 12px rgba(124,249,208,.48))}}@keyframes timerPlayPop{0%{transform:scale(1)}45%{transform:scale(1.18) translate(.4px)}to{transform:scale(1)}}@keyframes timerPauseBreath{0%,to{filter:drop-shadow(0 0 0 rgba(140,210,255,0))}50%{filter:drop-shadow(0 0 9px rgba(140,210,255,.26))}}@keyframes timerPauseBarLeft{0%{transform:scaleY(1) translate(0)}40%{transform:scaleY(.82) translate(-.3px)}to{transform:scaleY(1) translate(0)}}@keyframes timerPauseBarRight{0%{transform:scaleY(1) translate(0)}40%{transform:scaleY(1.16) translate(.3px)}to{transform:scaleY(1) translate(0)}}@keyframes timerResetSpin{0%{transform:rotate(0)}to{transform:rotate(220deg)}}@keyframes timerSkipHopLeft{0%{transform:translate(0)}45%{transform:translate(1.6px)}to{transform:translate(0)}}@keyframes timerSkipHopRight{0%{transform:translate(0)}45%{transform:translate(2.4px)}to{transform:translate(0)}}@keyframes timerSkipBarBlink{0%,to{opacity:1}45%{opacity:.42}}@keyframes ringPulse{0%{box-shadow:0 0 42px #49d6ff47}50%{box-shadow:0 0 84px #7cf9d057}to{box-shadow:0 0 42px #49d6ff47}}@keyframes beamSweep{0%{background-position:0% 50%}to{background-position:220% 50%}}@keyframes weeklyGlow{0%{box-shadow:0 0 24px #7cf9d033,0 0 52px #49d6ff14}50%{box-shadow:0 0 34px #7cf9d047,0 0 72px #49d6ff29}to{box-shadow:0 0 24px #7cf9d033,0 0 52px #49d6ff14}}@container tasks-panel (min-width: 761px){.task-panel-header{align-items:center;margin-bottom:var(--space-3)}.task-panel-header-actions{width:auto;margin-top:0;margin-left:auto;justify-content:flex-end}}@container tasks-panel (max-width: 760px){.panel-header{flex-wrap:wrap;align-items:flex-start}.panel-header-actions{width:100%;justify-content:flex-start}.task-form{grid-template-columns:minmax(0,1fr) minmax(0,6.2rem) minmax(0,7rem)}.task-form .primary-btn{grid-column:1 / -1;width:100%}}@container tasks-panel (max-width: 560px){.task-form{grid-template-columns:1fr}.task-actions{width:100%;justify-content:flex-start}.task-actions .ghost-btn{flex:1 1 8rem;min-width:0}}@media(max-width:560px){.timer-weekly-toolbar{flex-wrap:wrap;align-items:flex-start}.timer-weekly-toolbar-left{width:100%}.timer-weekly-open-link{margin-left:auto}}@media(max-width:1024px){:root{--layout-gutter: 4vw;--panel-pad: var(--space-5);--card-pad: 2.25rem}}@media(max-width:980px){.app-header{padding:clamp(.5rem,1.1vh,.72rem) var(--layout-gutter)}.brand-mark{width:74px;height:74px}.app-header .brand-title{font-size:clamp(.94rem,2.1vw,1.08rem);letter-spacing:.08em}.panel-header{flex-wrap:wrap;align-items:flex-start}.panel-header-actions{width:100%;justify-content:flex-start}.task-form{grid-template-columns:minmax(0,1fr) minmax(0,6.4rem) minmax(0,7.6rem)}.task-form .primary-btn{grid-column:1 / -1;width:100%}.task-actions{width:100%;justify-content:flex-start}.task-actions .ghost-btn{flex:1 1 8rem;min-width:0}.task-edit-fields{grid-template-columns:minmax(0,1fr)}.import-modal-backdrop{justify-content:center;align-items:center;padding:.9rem}.import-modal-card{width:min(620px,calc(100vw - 1.8rem));height:auto;max-height:min(86vh,760px);border-radius:var(--radius-lg)}.import-modal-card .modal-header,.task-create-modal-card .modal-header{flex-wrap:wrap}}@media(max-width:720px){html{font-size:100%}:root{--layout-gutter: 5vw;--panel-pad: var(--space-4);--card-pad: 2rem;--blur-strong: 12px;--blur-soft: 8px;--saturate-strong: 120%;--saturate-soft: 120%}body{background-attachment:scroll}.screen{padding:2.5rem 1.2rem}.app-header{flex-direction:row;align-items:center}.header-actions{width:auto;flex-wrap:nowrap;gap:var(--space-2)}.main-grid{display:flex;gap:var(--space-4);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:var(--layout-gutter);padding:var(--space-4) var(--layout-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;height:100%}.stats-page{padding:var(--space-4) var(--layout-gutter)}.main-grid::-webkit-scrollbar{width:0;height:0}.panel-snap{flex:0 0 92vw;height:100%;scroll-snap-align:center;scroll-snap-stop:always}.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.mobile-menu{right:var(--space-4);left:var(--space-4);width:auto}.brand-mark{width:62px;height:62px}.app-header .brand-title{font-size:clamp(.9rem,3.8vw,1.05rem);letter-spacing:.08em}.brand-tagline{display:none}.mobile-user .user-line{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:flex-start;white-space:normal}.mobile-user .user-name{max-width:100%}.mobile-user .user-sep{display:none}.mobile-user .user-status{margin-top:.1rem}.task-form{grid-template-columns:1fr}.stats-toolbar{align-items:stretch}.stats-export-actions{width:100%}.stats-export-actions .ghost-btn{flex:1 1 130px}.stats-item{flex-direction:column}.stats-item-meta{text-align:left}.weekly-goal-meter{width:min(178px,68vw)}.weekly-goal-modal-head{flex-wrap:wrap}.weekly-target-actions .primary-btn,.weekly-target-actions .ghost-btn{flex:1 1 100%}.stats-goal-heading{flex-wrap:wrap}.toast{left:var(--space-4);right:var(--space-4)}.void-bg{animation:none;filter:none}.footer-shell{gap:var(--space-2)}.footer-credit{font-size:.72rem}.import-modal-backdrop{justify-content:center;align-items:center;padding:.7rem}.import-modal-card{width:min(560px,94vw);max-width:100%;max-height:87vh;border-radius:var(--radius-lg);padding:var(--space-4)}.import-modal-card .modal-header .ghost-btn{width:auto}.import-modal-card .modal-actions{width:100%}.import-modal-card .modal-actions .ghost-btn,.import-modal-card .modal-actions .primary-btn{flex:1 1 calc(50% - var(--space-2))}.import-json-input{min-height:150px}}@media(min-width:680px){.task-create-secondary-fields{grid-template-columns:minmax(0,8rem) minmax(0,1fr)}}@media(max-width:480px){:root{--layout-gutter: 6vw;--panel-pad: var(--space-4);--card-pad: 1.6rem}.login-header{grid-template-columns:1fr}.brand-icon{width:148px;height:148px}.brand-mark{width:56px;height:56px}.timer-ring{width:min(204px,63vw);padding:var(--space-4)}.weekly-goal-meter{width:min(166px,72vw)}.timer-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.header-actions{gap:var(--space-2)}.user-chip{width:100%;justify-content:flex-start}.settings-grid{grid-template-columns:1fr}.toast{bottom:var(--space-4)}.app-footer{padding-bottom:var(--space-4)}.footer-shell{gap:var(--space-1)}.footer-credit{font-size:.66rem;padding:0}.footer-icon-link{width:36px;height:36px;flex-basis:36px}.footer-icon-link svg{width:21px;height:21px}.footer-icon-media{width:23px;height:23px}.import-modal-card{max-height:88vh;padding:var(--space-4) var(--space-3);width:94vw}.import-modal-card .modal-actions .ghost-btn,.import-modal-card .modal-actions .primary-btn{flex:1 1 100%}}@media(hover:none){.primary-btn:hover,.ghost-btn:hover,.task-item:hover,.panel:hover,.user-chip:hover,.timer-ring:hover{transform:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
