:root{--bg: #f6f7fb;--card: #ffffff;--text: #0f172a;--muted: #475569;--border: #e2e8f0;--brand: #d75a5a;--brand-strong: #b94d4d;--green: #059669;--red: #dc2626;--track: #e8edf5;--shadow: 0 8px 24px rgba(15, 23, 42, .06);--glow-a: rgba(215, 90, 90, .08);--glow-b: rgba(15, 23, 42, .04);--reward: #f59e0b}:root.dark{--bg: #090d14;--card: #121924;--text: #e5ecf6;--muted: #9fb0c8;--border: #273346;--brand: #e46e6e;--brand-strong: #f09494;--green: #34d399;--red: #f87171;--track: #1f2a3d;--shadow: 0 12px 36px rgba(0, 0, 0, .35);--glow-a: rgba(228, 110, 110, .18);--glow-b: rgba(148, 163, 184, .1);--reward: #fbbf24}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;font-family:Manrope,sans-serif;font-size:14px;line-height:1.45;color:var(--text);background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--glow-a) 70%,transparent),transparent 42%),var(--bg)}.page{max-width:1360px;margin:0 auto;padding:18px 24px;height:100dvh;display:flex;flex-direction:column}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:none}.workspace-left .card,.workspace-center .card,.workspace-right .card{animation:none}.header{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:12px 14px}.brand h1{margin:0;font-size:24px;line-height:1.1;letter-spacing:.01em}.brand p{margin:4px 0 0;color:var(--muted);font-size:11px}.header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.header-actions .btn{min-width:0;min-height:32px;padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:999px;box-shadow:0 1px 4px #0f172a0d}.header-actions .btn:hover{background:color-mix(in srgb,var(--brand) 6%,var(--card));border-color:color-mix(in srgb,var(--brand) 22%,var(--border));transform:translateY(-1px)}#profileBtn{color:#fff;border-color:transparent;background:var(--text);font-weight:700;box-shadow:0 4px 12px #0f172a3d}#profileBtn:hover{color:#fff;background:color-mix(in srgb,var(--text) 88%,#000 12%);border-color:transparent}.nav-hidden{display:none!important}.btn{border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--text);padding:7px 11px;font-weight:700;font-size:12px;cursor:pointer;transition:transform .15s ease,box-shadow .18s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn.active,.btn.primary{background:var(--brand);color:#fff;border-color:transparent;box-shadow:0 4px 14px #d75a5a42}.btn.ghost{background:transparent}.btn.big{width:100%;padding:10px 12px;font-size:13px}main{margin-top:12px;flex:1;min-height:0;overflow:hidden;padding-bottom:8px}.top-rail{position:static;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(100%,430px);margin:0 auto;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--card);box-shadow:0 2px 10px #0f172a0a}.workspace-grid{display:grid;grid-template-columns:minmax(0,900px);justify-content:center;gap:14px;height:100%}.workspace-left,.workspace-right,.workspace-center{display:grid;gap:12px;align-content:start}.workspace-left{display:none}.workspace-left,.workspace-right{max-height:100%;overflow:auto;padding-right:2px}.workspace-center{min-width:0;grid-template-rows:auto minmax(0,1fr);align-content:stretch;height:100%;overflow:hidden}.workspace-right{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}#workView .workspace-right{display:none!important}.challenge-card{overflow:hidden}.card h3{margin:0 0 12px;font-size:16px;letter-spacing:.02em}.workspace-left .card h4,.workspace-right .card h4{margin:12px 0 8px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.progress-orb-wrap{position:relative;margin-bottom:10px}.progress-orb{width:100%;height:64px;border-radius:14px;background:radial-gradient(circle at 20% 50%,rgba(56,189,248,.35),transparent 48%),radial-gradient(circle at 80% 55%,rgba(16,185,129,.28),transparent 48%),linear-gradient(120deg,#0ea5e924,#f59e0b24);animation:orbPulse 4s ease-in-out infinite}.progress-orb-label{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.progress-orb-label strong{font-size:22px}.progress-orb-label span{color:var(--muted);font-size:12px}.challenge-status{margin:0 0 8px;color:var(--muted);font-size:12px}.challenge-list,.quick-list{margin:0;padding-left:18px;display:grid;gap:6px}.quick-headline{margin:0 0 8px;font-weight:700}.auth-gate p{margin:8px 0 0;color:var(--muted);line-height:1.45}.muted{color:var(--muted)}.progress-track{height:10px;border-radius:999px;background:var(--track);overflow:hidden;margin:10px 0}.progress-fill,.challenge-fill,.quality-fill{height:100%;width:0;border-radius:inherit;transition:width .25s ease}.progress-fill{background:linear-gradient(90deg,#f59e0b,#ef4444)}.challenge-fill{background:linear-gradient(90deg,var(--brand),#10b981)}.quality-fill{background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981)}.stat-row{display:flex;justify-content:space-between;margin-top:6px}.distraction-row{margin-top:10px;display:grid;gap:8px}.priority-tag{text-transform:uppercase;font-size:11px;letter-spacing:.06em;border-radius:999px;padding:2px 8px;border:1px solid var(--border)}.priority-tag.deep{color:#fff;background:#ef4444;border-color:#ef4444}.priority-tag.medium{color:#111827;background:#fde68a;border-color:#f59e0b}.priority-tag.hard{color:#fff;background:#7c3aed;border-color:#7c3aed}.priority-tag.easy{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.task-add-primary{grid-template-columns:1fr}.task-add-meta{margin-top:8px;grid-template-columns:1fr auto}.view{display:block}.view:not(.hidden){height:100%}.hidden{display:none!important}#workView{overflow:hidden;padding-right:2px}#insightsView,#guideView,#settingsView{overflow:auto;padding-right:2px}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.top-rail .btn{min-height:34px;min-width:96px;padding:6px 10px;font-size:12px;border-radius:999px;border-color:transparent;color:var(--muted);box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,filter .24s ease,border-color .2s ease}.top-rail .btn:hover{transform:none;filter:none;color:var(--text);background:color-mix(in srgb,var(--brand) 7%,var(--card))}.top-rail .btn.active{background:var(--brand);color:#fff;box-shadow:none}.header-actions .btn.active{color:#fff;background:var(--brand);border-color:transparent;box-shadow:0 4px 12px #d75a5a38}.timer-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,320px);margin:0 auto 6px;padding:4px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--brand) 4%,var(--card))}.mode-switch{margin-bottom:2px}.timer-tabs .btn{min-height:34px;min-width:0;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border-color:transparent;color:var(--muted);box-shadow:none}.timer-tabs .btn.active{background:var(--brand);color:#fff}.one-liner{margin:6px auto 0;background:transparent;font-weight:600;font-size:11px;text-align:center;color:var(--muted);border:0;box-shadow:none;padding:0;width:100%;max-width:900px}.panel{margin-bottom:0;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center}.panel h2{margin:0 0 10px}.panel h2{display:none}.current-task{margin:0 0 8px;text-align:center;color:var(--muted)}.current-task-card{margin:0 auto 10px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--brand) 4%,var(--card));text-align:left;display:inline-flex;align-items:center;gap:8px;max-width:min(100%,560px)}.current-task-label{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.current-task-title{margin:0;font-size:13px;font-weight:700;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-task-title.priority-deep,.task-text.priority-deep{color:#ef4444}.current-task-title.priority-hard,.task-text.priority-hard{color:#7c3aed}.current-task-title.priority-medium,.task-text.priority-medium{color:#d97706}.current-task-title.priority-easy,.task-text.priority-easy{color:#0284c7}.reward-badge{margin:0 auto 10px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--muted);background:#f59e0b1f;animation:none}.timer-shell{min-height:0;height:100%;flex:1;width:100%;max-width:900px;margin:0 auto;padding:8px 0 6px;display:flex;flex-direction:column;border:0;border-radius:0;background:transparent;box-shadow:none}.timer-shell .panel:not(.hidden){flex:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;justify-content:stretch;gap:10px;overflow:hidden}.timer-shell .clock{width:min(100%,760px);height:clamp(260px,52vh,420px);max-height:calc(100% - 2px);margin-top:0;animation:none}.timer-ring-svg{display:none}.ring-track,.ring-progress{fill:none;stroke-width:8}.ring-track{stroke:#94a3b859}.ring-progress{stroke:var(--brand);stroke-linecap:round;transition:stroke-dashoffset .25s linear;filter:none}#focusClock.break #focusRing{stroke:var(--green)}#focusClock.focus #focusRing{stroke:var(--brand)}.timer-shell .actions{margin:2px auto 0}#workspaceCenter[data-mode=focus] .one-liner,#workspaceCenter[data-mode=focus] .panel:not(.hidden){border-color:transparent;background:transparent}#workspaceCenter[data-mode=pomodoro] .one-liner,#workspaceCenter[data-mode=pomodoro] .panel:not(.hidden){border-color:transparent;background:transparent}.clock{width:min(96%,740px);height:clamp(240px,48vh,390px);margin:0 auto;border-radius:22px;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;padding:18px 18px 14px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--border))}.clock.focus{background:linear-gradient(180deg,#d75a5a14,#d75a5a05)}.clock.break{background:linear-gradient(180deg,#10b98124,#10b98108)}.clock.pomodoro{background:linear-gradient(180deg,#d75a5a14,#d75a5a05)}.clock-inner{text-align:center;display:grid;gap:6px;place-items:center}.clock-title{margin:0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.16em}.clock-time{margin:8px 0;font-size:clamp(62px,8vw,112px);font-weight:800;letter-spacing:.01em}.flip-clock{margin:6px 0 8px;display:flex;align-items:center;justify-content:center;gap:8px}.flip-separator{font-size:clamp(42px,6vw,70px);font-weight:700;line-height:1;color:color-mix(in srgb,var(--text) 78%,transparent);margin:0 2px}.flip-digit{position:relative;width:clamp(48px,7vw,84px);height:clamp(68px,10vw,112px);perspective:700px;border-radius:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 16%,var(--border));box-shadow:inset 0 -1px #fff3,0 4px 10px #0f172a1f}.flip-digit:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:color-mix(in srgb,var(--text) 22%,var(--border));z-index:3;transform:translateY(-.5px)}.flip-front,.flip-back{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(38px,5.5vw,72px);font-weight:800;line-height:1;color:var(--text);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.flip-front{background:linear-gradient(180deg,#fffffff5,#e4e8f1e6);transform:rotateX(0);z-index:2}.flip-back{background:linear-gradient(180deg,#e2e7f0eb,#d4dbe8e6);transform:rotateX(180deg);z-index:1}:root.dark .flip-front{background:linear-gradient(180deg,#1e293bf5,#0f172af0)}:root.dark .flip-back{background:linear-gradient(180deg,#182232f0,#0c121ef0)}.flip-digit.flipping .flip-front{animation:flipFront .42s cubic-bezier(.2,.7,.2,1) forwards}.flip-digit.flipping .flip-back{animation:flipBack .42s cubic-bezier(.2,.7,.2,1) forwards}.clock-sub{margin:0;color:var(--muted);font-weight:700;font-size:12px}.clock-progress-track{width:min(92%,560px);height:8px;border-radius:999px;background:color-mix(in srgb,var(--border) 85%,transparent);overflow:hidden}.clock-progress-fill{width:0%;height:100%;border-radius:inherit;background:var(--brand);transition:width .25s linear}.clock.break .clock-progress-fill{background:var(--green)}.actions{margin:8px auto 0;max-width:520px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.actions .btn.primary{font-size:13px;letter-spacing:.01em}.pomo-actions,.focus-actions{grid-template-columns:1.7fr 1fr}.bank-large{text-align:center;margin:4px 0;font-size:clamp(30px,3.8vw,44px);font-weight:800}.bank-label{text-align:center;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:12px}.bank-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--muted)}.bank-track{height:14px;border-radius:999px;background:var(--track);overflow:hidden}.bank-fill{height:100%;width:8%;background:linear-gradient(90deg,var(--green),#10b981);transition:width .25s ease}.positive{color:var(--green)}.negative{color:var(--red)}.debt-hint{margin-top:10px;color:var(--red);font-weight:700}.task-add{display:grid;grid-template-columns:1fr auto;gap:8px}input:not([type=checkbox]),select{width:100%;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:10px;padding:10px;font-size:14px}.task-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px;max-height:280px;overflow:auto}.task-item{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:8px 10px}.task-item input[type=checkbox]{width:16px;height:16px;margin:0;flex:0 0 auto}.task-item span{flex:1;min-width:0;white-space:normal;overflow:visible;text-overflow:initial;line-height:1.35;display:block}.task-remove{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer}.task-remove:hover{color:#ef4444;border-color:#ef4444}.task-item.done span{text-decoration:line-through;color:var(--muted)}.settings small{display:block;margin-top:8px;color:var(--muted)}.settings-modal{position:fixed;inset:0;background:#0f172a80;display:grid;place-items:center;padding:20px;z-index:100}.settings-panel{width:min(560px,100%)}.settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.settings-head h3{margin:0}.settings-grid{display:grid;gap:8px}.settings-grid h4{margin:12px 0 0}.settings-grid label{font-size:13px;color:var(--muted)}.overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#02061773}.modal-card{width:min(440px,92vw)}.celebrate-message{position:fixed;top:18%;left:50%;transform:translate(-50%);font-size:32px;font-weight:800;color:#fff;text-shadow:0 8px 20px rgba(0,0,0,.3)}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.check-row input[type=checkbox]{width:16px;height:16px}.metric-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.metric h4{margin:0;color:var(--muted);font-size:13px}.metric p{margin:8px 0 0;font-size:24px;font-weight:800}.viz-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.viz-card h4{margin:0 0 10px}.trend-chart{border:1px solid var(--border);border-radius:12px;padding:8px;background:linear-gradient(180deg,#0ea5e91f,#0ea5e908)}.trend-chart svg{width:100%;height:130px;display:block}.trend-empty{color:var(--muted);font-size:13px}.balance-wrap{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}.balance-donut{width:120px;height:120px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(var(--brand) 0deg,#10b981 0deg);position:relative}.balance-donut:after{content:"";position:absolute;inset:14px;border-radius:999px;background:var(--card);border:1px solid var(--border)}.balance-donut span{position:relative;z-index:1;font-weight:800;font-size:20px}.balance-legend p{margin:6px 0;font-size:14px}.dot{width:8px;height:8px;border-radius:999px;display:inline-block;margin-right:8px}.focus-dot{background:var(--brand)}.break-dot{background:#10b981}.hourly-bars{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:6px;align-items:end;min-height:150px;overflow-x:auto;padding-bottom:4px}.hour-bar{display:grid;gap:4px;justify-items:center}.hour-bar-fill{width:100%;max-width:28px;height:calc(20px + (var(--h, 0) * .9px));border-radius:999px;background:linear-gradient(180deg,#0ea5e9f2,#10b981e6);border:1px solid rgba(14,165,233,.3)}.hour-bar small{color:var(--muted);font-size:11px}.hour-bar span{font-weight:700;font-size:11px}.hour-heatmap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.heat-hour{border-radius:8px;min-height:44px;border:1px solid var(--border);display:grid;place-items:center;font-size:10px;color:var(--muted);background:#0ea5e90f;text-align:center;line-height:1.1}.heat-hour strong{font-size:10px}.heat-hour span{font-size:11px;font-weight:700;color:var(--text)}.contrib-heatmap{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.contrib-cell{width:100%;aspect-ratio:1 / 1;border-radius:4px;border:1px solid var(--border);background:#94a3b826}.contrib-cell.lv1{background:#38bdf847}.contrib-cell.lv2{background:#0ea5e96b}.contrib-cell.lv3{background:#0284c799}.contrib-cell.lv4{background:#0369a1d1}.heatmap{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.heat-cell{border:1px solid var(--border);border-radius:10px;text-align:center;padding:8px;background:linear-gradient(180deg,#38bdf833,#38bdf80d)}.heat-cell strong{display:block;margin-top:4px}.recent{display:grid;gap:8px}.recent-row{border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;justify-content:space-between;gap:8px}.ai-list{margin:0;padding-left:18px;display:grid;gap:10px}.ai-list li{line-height:1.5}.ai-hero{margin:0 0 10px;padding:12px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(120deg,#0ea5e929,#f59e0b29,#10b98124);display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-kicker{margin:0 0 4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.ai-headline{margin:0;font-size:16px;font-weight:800}.ai-score-wrap{text-align:right;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ai-score{display:block;margin-top:4px;color:var(--reward);font-size:28px;line-height:1}.ai-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.ai-signal{border:1px solid var(--border);border-radius:12px;padding:10px;background:linear-gradient(180deg,#0ea5e91f,#0ea5e905)}.ai-signal h5{margin:0 0 6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.ai-signal strong{display:block;font-size:22px;margin-bottom:4px}.ai-signal p{margin:0;color:var(--muted);font-size:12px}.ai-evidence{margin:0 0 12px;border:1px solid var(--border);border-radius:12px;padding:10px;background:#0ea5e90f}.ai-evidence h5{margin:0 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.ai-evidence-list{display:grid;gap:6px}.ai-evidence-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.ai-evidence-row span:last-child{font-weight:700}.guide-hero{margin-bottom:12px;background:linear-gradient(120deg,#0ea5e92e,#10b98129,#f59e0b29);border:1px solid rgba(14,165,233,.25)}.guide-kicker{margin:0 0 6px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.guide-hero h3{margin:0 0 8px;font-size:26px;line-height:1.1}.guide-hero p{margin:0;max-width:820px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.guide-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.guide-visual h4{margin:0 0 8px}.guide-visual p{margin:8px 0 0;color:var(--muted)}.guide-visual svg{width:100%;height:120px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(120deg,#0ea5e914,#10b98114,#f59e0b14)}.guide-visual svg rect,.guide-visual svg circle{fill:color-mix(in srgb,var(--card) 85%,transparent);stroke:color-mix(in srgb,var(--brand) 45%,var(--border));stroke-width:2}.guide-visual svg path{stroke:color-mix(in srgb,var(--brand) 55%,var(--border));stroke-width:3;fill:none;stroke-linecap:round}.guide-visual svg text{fill:var(--text);font-family:Manrope,sans-serif;font-size:12px;font-weight:700}.guide-step{position:relative;overflow:hidden;background:linear-gradient(180deg,#0ea5e914,#0ea5e905)}.guide-step:after{content:"";position:absolute;right:-34px;top:-34px;width:88px;height:88px;border-radius:999px;background:radial-gradient(circle,rgba(14,165,233,.24),transparent 70%)}.guide-step-no{display:inline-block;font-size:12px;font-weight:800;color:var(--brand-strong);letter-spacing:.12em;margin-bottom:6px}.guide-step h4{margin:0 0 6px;font-size:19px}.guide-step p{margin:0;color:var(--muted)}.guide-cheatsheet h4{margin:0 0 10px}.guide-cycles{display:grid;gap:8px}.guide-cycles p{margin:0;padding:10px;border:1px solid var(--border);border-radius:10px;background:#0ea5e90d;display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center}.guide-cycles strong{font-size:18px}.guide-cycles span{color:var(--muted)}@media(max-width:960px){.workspace-grid{grid-template-columns:1fr;max-width:760px;margin:0 auto}.workspace-left{display:none}.workspace-right{display:grid;grid-template-columns:1fr}#workspaceCenter{order:1}#breakBankCard{order:2}#tasksCard{order:3}#workView{overflow:auto}.panel{min-height:0;height:auto}.clock{width:min(92vw,620px);height:clamp(220px,44vh,320px)}.flip-digit{width:clamp(44px,10vw,70px);height:clamp(64px,14vw,96px)}.flip-front,.flip-back{font-size:clamp(34px,7vw,56px)}.flip-separator{font-size:clamp(34px,7vw,52px)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viz-grid{grid-template-columns:1fr}.heatmap{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid,.guide-visual-grid{grid-template-columns:1fr}.hourly-bars{grid-template-columns:repeat(24,minmax(20px,1fr))}.hour-heatmap,.contrib-heatmap{grid-template-columns:repeat(6,minmax(0,1fr))}.top-rail{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.top-rail .btn{min-width:0}}@media(max-height:980px)and (min-width:961px){.page{padding:12px 16px}.header{padding:8px 10px}.brand h1{font-size:24px}main{overflow:hidden}#workView{overflow:hidden}.workspace-grid{grid-template-columns:minmax(0,840px)}.card{padding:14px}.timer-shell .clock{width:min(100%,700px);height:clamp(220px,44vh,340px);max-height:min(44vh,calc(100dvh - 270px))}.actions{margin-top:4px}.btn.big{padding:8px 10px;font-size:11px}}@media(max-width:640px){html,body{overflow:auto}.page{padding:12px 12px 24px;height:auto}main{overflow:visible}.tabs{grid-template-columns:1fr 1fr}.top-rail{grid-template-columns:1fr 1fr 1fr}.timer-tabs{grid-template-columns:1fr 1fr}.timer-tabs{display:grid;width:100%}.timer-tabs .btn{min-width:0}.actions,.pomo-actions,.focus-actions{grid-template-columns:1fr}.task-add-meta{grid-template-columns:1fr auto}.heatmap{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-wrap{grid-template-columns:1fr;justify-items:center}.hourly-bars{grid-template-columns:repeat(24,minmax(18px,1fr))}.hour-heatmap{grid-template-columns:repeat(4,minmax(0,1fr))}.contrib-heatmap{grid-template-columns:repeat(5,minmax(0,1fr))}.ai-hero{flex-direction:column;align-items:flex-start}.ai-score-wrap{text-align:left}.ai-signal-grid{grid-template-columns:1fr}.settings-modal{padding:12px}}#confettiCanvas{position:fixed;inset:0;width:100%;height:100%}body.zen-mode .workspace-left,body.zen-mode .workspace-right,body.zen-mode .top-rail{display:none!important}body.zen-mode .page{padding:8px}body.zen-mode main{margin-top:0}body.zen-mode .workspace-grid{grid-template-columns:1fr}body.zen-mode .panel{min-height:calc(100dvh - 24px)}body.zen-mode .clock{width:min(72vh,520px);height:min(72vh,520px)}@keyframes orbPulse{0%,to{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.02);filter:saturate(1.2)}}@keyframes fadeLift{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes clockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes badgeGlow{0%{box-shadow:0 0 #f59e0b33}to{box-shadow:0 0 16px #f59e0b59}}@keyframes flipFront{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}@keyframes flipBack{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}