@import "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&family=Outfit:wght@100;200;300;400;500&display=swap";
:root{--bg-primary:#030303;--bg-secondary:#0a0a0c;--bg-tertiary:#121214;--border-subtle:#ffffff1a;--border-active:#ffffff40;--accent-primary:#e2e8f0;--accent-glow:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--danger:#ef4444;--danger-hover:#dc2626;--success:#10b981;--font-family-title:"Outfit", sans-serif;--font-family-body:"Inter", sans-serif;--transition-smooth:all .35s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .12s cubic-bezier(.16, 1, .3, 1);--timer-frame-pad-x:28px;--timer-frame-pad-y:24px;--timer-available-h:calc(100dvh - var(--chrome-height) - var(--task-list-swipe-zone) - var(--quick-notes-swipe-zone) - 32px);--timer-frame-width:min(92vw, 560px);--timer-frame-min-height:max(380px, min(var(--timer-available-h), 620px));--timer-inner-width:calc(var(--timer-frame-width) - (var(--timer-frame-pad-x) * 2));--timer-ring-inset:48px;--timer-ring-size:min(calc(var(--timer-inner-width) - var(--timer-ring-inset)), calc(var(--timer-available-h) * .46));--timer-ring-radius:calc(var(--timer-ring-size) / 2);--clock-size:var(--timer-ring-size);--clock-radius:var(--timer-ring-radius);--chrome-height:56px;--quick-notes-peek:32px;--quick-notes-swipe-zone:96px;--quick-notes-lift:16px;--quick-notes-expanded:min(85dvh, 640px);--task-list-peek:32px;--task-list-swipe-zone:72px;--task-list-expanded:min(70dvh, 520px);--space-page-x:clamp(12px, 3vw, 28px);--space-page-y:clamp(8px, 2vw, 20px);--touch-min:44px}*{box-sizing:border-box;outline:none;margin:0;padding:0}body.mobile-sheet-dragging{overscroll-behavior:none;touch-action:none!important;overflow:hidden!important}body.mobile-sheet-dragging .focus-screen-main,body.mobile-sheet-dragging .focus-timer-area{pointer-events:none}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#000;width:100%;min-height:100dvh;overflow-x:hidden}body{color:var(--text-primary);font-family:var(--font-family-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-image:none;min-height:100dvh;overflow-x:hidden}.main-viewport{background-color:#000;flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4{font-family:var(--font-family-title);letter-spacing:-.02em;font-weight:200}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.saas-viewport{pointer-events:auto;background-color:#000;width:100%;max-width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.main-viewport-content{padding:var(--space-page-y) var(--space-page-x);pointer-events:auto;background-color:#000;flex-direction:column;flex:1;width:100%;min-width:0;max-width:1920px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.app-screen-body{z-index:1;pointer-events:auto;background-color:#000;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.notes-screen-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.desktop-settings-fab{z-index:200;pointer-events:auto;border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:20px}.desktop-settings-fab:hover{color:#fff;border-color:var(--border-active);background:#ffffff14}.screen-chrome{padding:max(8px, env(safe-area-inset-top,8px)) 4px 12px;z-index:200;pointer-events:auto;background-color:#000;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.screen-chrome-tabs{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:12px;gap:6px;padding:4px;display:flex}.screen-tab{color:var(--text-secondary);font-family:var(--font-family-title);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;display:flex}.screen-tab:hover{color:#fff}.screen-tab.active{color:#fff;background:#ffffff14}.screen-chrome-settings{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.screen-chrome-settings:hover{color:#fff;border-color:var(--border-active)}.screen-chrome-spacer{flex:1}.screen-chrome-brand{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.screen-chrome-brand span{font-family:var(--font-family-title);letter-spacing:.12em;text-transform:uppercase;color:#fff;font-size:12px}.screen-chrome-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:clamp(20px,5vw,26px);height:clamp(20px,5vw,26px)}.home-notif-prompt{border:1px solid var(--border-subtle);pointer-events:auto;background:#ffffff0a;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;margin:0 0 8px;padding:10px 12px;display:flex}.home-notif-prompt-minimal{border-radius:999px;flex-shrink:0;align-self:center;gap:8px;width:fit-content;max-width:100%;margin:0 auto 8px;padding:6px 10px}.home-notif-prompt-icon{color:var(--text-secondary);flex-shrink:0}.home-notif-prompt-label{color:var(--text-secondary);letter-spacing:.04em;white-space:nowrap;font-size:11px}.home-notif-allow{color:#000;font-size:10px;font-family:var(--font-family-title);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#fff;border:none;border-radius:999px;flex-shrink:0;padding:5px 12px}.home-notif-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.screen-chrome-title{text-align:center;font-family:var(--font-family-title);letter-spacing:.14em;text-transform:uppercase;color:#fff;flex:1;font-size:13px;font-weight:300}.screen-icon-btn,.ctrl-primary,.ctrl-ghost,.ctrl-link,.side-tab-btn,.sidebar-logo-btn,.sidebar-profile-btn{pointer-events:auto;touch-action:manipulation}.screen-icon-btn{width:var(--touch-min);height:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.screen-icon-btn:hover{color:#fff;border-color:var(--border-active);background:#ffffff14}.focus-screen-shell{background-color:#000;flex-direction:column;flex:1;align-items:stretch;min-height:0;display:flex;position:relative;overflow:hidden}.focus-screen-main{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.focus-timer-area{z-index:2;pointer-events:auto;background-color:#000;flex:1;justify-content:center;align-items:center;min-height:0;padding:0 6px;display:flex;position:relative}.clock-section-full{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;min-height:0;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.clock-section-full .clock-ring-wrapper{width:var(--timer-ring-size);height:var(--timer-ring-size);max-width:calc(100% - var(--timer-ring-inset,48px));max-height:calc(100% - var(--timer-ring-inset,48px));contain:strict;isolation:isolate;flex:none;justify-content:center;align-items:center;margin:0 auto;display:flex;overflow:hidden}.clock-section-full .clock-ring-always-big{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.clock-section-full .ring-svg{transform-origin:50%;transform:rotate(-90deg)scale(.88)}.timer-frame{width:var(--timer-frame-width);min-width:var(--timer-frame-width);min-height:var(--timer-frame-min-height);max-width:92vw;padding:var(--timer-frame-pad-y) var(--timer-frame-pad-x);box-sizing:border-box;contain:paint;background:#0009;border:1px solid #ffffff24;border-radius:clamp(18px,3vw,28px);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,0 16px 48px #000c}.completion-banner{width:100%;font-family:var(--font-family-body);letter-spacing:.02em;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;font-size:clamp(11px,2.6dvw,13px);font-weight:500;line-height:1.35;display:flex}.completion-banner-work{color:#6ee7b7;background:#10b9811f;border:1px solid #34d39959}.completion-banner-break{color:#fcd34d;background:#f59e0b1f;border:1px solid #fbbf2459}.completion-banner-text{flex:1;min-width:0}.completion-banner-mute{color:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;opacity:.9;background:0 0;border:1px solid;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.completion-banner-mute:hover:not(:disabled){opacity:1;background:#ffffff0f}.completion-banner-mute.is-muted,.completion-banner-mute:disabled{opacity:1;cursor:default;background:#ffffff1a;border-style:dashed}.clock-section-full .digits{font-size:calc(var(--timer-ring-size) * .2);letter-spacing:-.04em;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;max-width:88%;font-weight:700;line-height:.92}.clock-section-full .clock-controls{width:100%;max-width:var(--timer-inner-width);flex-wrap:wrap;flex-shrink:0;justify-content:center;margin-top:14px}.timer-session-cue{max-width:min(calc(var(--clock-size) * .72), 280px);font-family:var(--font-family-body);letter-spacing:.08em;text-transform:lowercase;color:#94a3b8eb;text-align:center;margin-top:10px;font-size:clamp(10px,2.4dvw,12px);font-weight:400;line-height:1.35;display:block}.speed-notes-panel{flex-direction:column;flex-shrink:0;min-height:0;display:flex}.speed-notes-panel.speed-notes-editor-style{background:#000;border:1.5px solid #ffffff1f;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 24px 80px #000000e6}.speed-notes-panel.mobile-sheet{touch-action:manipulation;will-change:transform;border-radius:20px 20px 0 0;flex-direction:column;padding:0;display:flex;overflow:hidden}.speed-notes-panel.mobile-sheet.expanded{height:var(--quick-notes-expanded);max-height:var(--quick-notes-expanded);pointer-events:auto;min-height:70dvh}.speed-notes-sheet-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.speed-notes-panel.mobile-sheet:not(.sheet-gesturing).expanded{visibility:visible;transition:transform .32s cubic-bezier(.32,.72,0,1),visibility linear;transform:translate(0,0)}.speed-notes-panel.mobile-sheet.parked{height:var(--quick-notes-expanded);pointer-events:none;min-height:0}.speed-notes-panel.mobile-sheet:not(.sheet-gesturing).parked{visibility:hidden;transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear .32s;transform:translateY(100%)}.mobile-sheet.sheet-gesturing{pointer-events:auto;visibility:visible;transition:none!important}.speed-notes-editor-header{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:10px 14px;padding:16px 20px;display:flex}.speed-notes-header-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.speed-notes-title-display{color:#fff;letter-spacing:-.02em;min-width:0;font-size:18px;font-weight:600}.speed-notes-timer-clone{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;margin-left:auto;display:flex}.speed-notes-timer-digits{letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(22px,5.5vw,30px);font-weight:700;line-height:1}.speed-notes-timer-mode{font-family:var(--font-family-title);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.speed-notes-timer-clone.is-running .speed-notes-timer-digits{color:#fff}.speed-notes-swipe-hint{font-family:var(--font-family-title);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:9px}.speed-notes-editor-body{flex-direction:column;flex:1;min-height:0;display:flex}.speed-notes-editor-content{color:#fff;width:100%;min-height:0;font-family:var(--font-family-body);resize:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:0 0;border:none;outline:none;flex:1;padding:16px 20px;font-size:16px;line-height:1.6;overflow-y:auto}.speed-notes-editor-content::placeholder{color:var(--text-muted)}.speed-notes-editor-footer{border-top:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.speed-notes-editor-status{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.speed-notes-done-btn{min-height:36px;padding:8px 18px!important;font-size:12px!important}.speed-notes-panel-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;flex-shrink:0}.speed-notes-panel-handle-minimal{min-height:var(--quick-notes-peek);cursor:pointer;background:0 0;border-bottom:none;justify-content:center;align-items:center;padding:0}.speed-notes-arrow-only{opacity:.55}.speed-notes-peek-zone{z-index:120;height:calc(var(--quick-notes-swipe-zone) + env(safe-area-inset-bottom,0px));padding-bottom:max(var(--quick-notes-lift), calc(env(safe-area-inset-bottom,0px) + 8px));pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#0000 0%,#00000047 45%,#000000b8 100%);justify-content:center;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.speed-notes-peek-zone.peek-dragging{cursor:grabbing}.speed-notes-peek-indicator{position:relative}.speed-notes-peek-zone.peek-dragging .speed-notes-peek-indicator{transition:none}.speed-notes-sheet-backdrop{z-index:119;cursor:pointer;pointer-events:auto;background:#00000059;border:none;padding:0;position:fixed;inset:0}.speed-notes-panel-header-row{align-items:center;gap:8px;min-width:0;display:flex}.speed-notes-panel-header-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.speed-notes-panel-handle:active{cursor:grabbing}.speed-notes-chevron-bounce{opacity:.75;animation:2s ease-in-out infinite chevronBounce}@keyframes chevronBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.speed-notes-panel.mobile-sheet .speed-notes-editor-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.speed-notes-panel-link{color:var(--text-muted);font-family:var(--font-family-title);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:10px;transition:color .2s}.speed-notes-panel-link:hover{color:#fff}.task-list-swipe-hint{font-family:var(--font-family-title);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:9px}.task-list-panel{border-radius:16px;flex-direction:column;flex-shrink:0;min-height:0;padding:16px;display:flex}.task-list-panel.mobile-sheet{touch-action:pan-y;will-change:transform;border-radius:0 0 18px 18px;flex-direction:column;padding:0;display:flex;overflow:hidden}.task-list-panel.mobile-sheet.parked{height:var(--task-list-expanded);pointer-events:none}.task-list-panel.mobile-sheet.expanded{height:var(--task-list-expanded);max-height:var(--task-list-expanded);pointer-events:auto}.task-list-sheet-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.task-list-panel.mobile-sheet:not(.sheet-gesturing).expanded{visibility:visible;transition:transform .32s cubic-bezier(.32,.72,0,1);transform:translate(0,0)}.task-list-panel.mobile-sheet:not(.sheet-gesturing).parked{visibility:hidden;transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear .32s;transform:translateY(-100%)}.task-list-panel-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;border-bottom:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 14px 10px;display:flex}.task-list-panel-header-row{align-items:center;gap:8px;min-width:0;display:flex}.task-list-panel-header-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.task-list-panel-handle:active{cursor:grabbing}.task-list-peek-zone{left:0;right:0;top:calc(var(--chrome-height) + env(safe-area-inset-top,0px));z-index:210;height:var(--task-list-swipe-zone);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#000000b8 0%,#00000047 55%,#0000 100%);justify-content:center;align-items:flex-start;padding-top:4px;display:flex;position:fixed}.task-list-peek-zone.peek-dragging{cursor:grabbing}.mobile-peek-pill{min-width:88px;height:var(--task-list-peek);color:#ffffffbf;pointer-events:auto;cursor:pointer;appearance:none;font:inherit;background:#080808eb;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 12px;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 4px 16px #00000073}.mobile-peek-pill:hover{color:#fff;background:#141414f5;border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 6px 20px #0009}.mobile-peek-label{font-family:var(--font-family-title);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;font-size:10px;font-weight:500;line-height:1}.task-list-peek-indicator{position:relative}.task-list-peek-zone.peek-dragging .task-list-peek-indicator{transition:none}.task-list-peek-badge{color:#000;text-align:center;background:#ffffffeb;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.task-list-sheet-backdrop{z-index:211;cursor:pointer;pointer-events:auto;background:#00000059;border:none;padding:0;position:fixed;inset:0}.task-list-panel-header{font-family:var(--font-family-title);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;display:flex}.task-list-panel-header span{color:#fff;flex:1}.task-list-items{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;flex:1;gap:4px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.task-list-empty{color:var(--text-muted);text-align:center;margin:0;padding:12px 0;font-size:12px}.task-list-row{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;gap:8px;padding:6px 4px;transition:background .15s;display:flex}.task-list-row:hover{background:#ffffff0a}.task-list-row:active{background:#ffffff0f}.task-remove-confirm{flex-direction:column;gap:12px;width:min(360px,100vw - 32px);padding:22px 24px;display:flex;border-radius:18px!important}.task-remove-confirm-title{color:#fff;margin:0;font-size:16px;font-weight:600}.task-remove-confirm-body{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.task-remove-confirm-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.task-remove-confirm-delete{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.task-list-check{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.task-list-check:hover{color:#fff}.task-list-label{color:#e8e8e8;word-break:break-word;flex:1;min-width:0;font-size:13px;line-height:1.35}.task-list-label.done{color:var(--text-secondary);text-decoration:line-through}.task-list-note-btn{color:var(--text-muted);cursor:pointer;opacity:1;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.task-list-note-btn.has-note{color:#ffffffd1}.task-list-note-btn:hover{color:#fff}.task-list-remove{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .15s,color .15s;display:flex}.task-list-row:hover .task-list-remove,.task-list-row:focus-within .task-list-remove{opacity:1}.task-list-remove:hover{color:var(--danger,#ef4444)}@media (hover:none){.task-list-remove{opacity:1}}.task-list-add-row{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;display:flex}.task-list-add-input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px}.task-list-add-input::placeholder{color:var(--text-muted)}.task-list-add-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.task-list-add-btn:hover{color:#fff}.task-list-panel-footer{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.task-list-chevron-bounce{opacity:.75;animation:2s ease-in-out infinite taskChevronBounce}@keyframes taskChevronBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.task-list-panel.mobile-sheet .task-list-items,.task-list-panel.mobile-sheet .task-list-add-row,.task-list-panel.mobile-sheet .task-list-panel-footer{padding-left:14px;padding-right:14px}.task-list-panel.mobile-sheet .task-list-panel-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}@media (min-width:901px){:root{--clock-radius:min(30dvh, 260px)}html.web-browser .saas-viewport{height:100dvh;max-height:100dvh;overflow:hidden}html.web-browser .main-viewport-content{flex:1;height:100%;min-height:0;overflow:hidden}html.web-browser .app-screen-body,html.web-browser .notes-screen-wrap{flex:1;min-height:0;overflow:hidden}.main-viewport-content{justify-content:center;min-height:100dvh;padding:0 24px}.app-screen-body{flex:1;justify-content:center;align-items:stretch;min-height:0;overflow:visible}.focus-screen-shell{flex-direction:column;flex:1;justify-content:center;align-items:stretch;width:100%;min-height:calc(100dvh - 32px);padding:0;display:flex}.focus-screen-main{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:calc(100dvh - 32px);padding:24px;display:flex}.focus-timer-area{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.focus-timer-area>*{pointer-events:auto}.task-list-panel{border-radius:20px;flex-direction:column;flex:none;width:100%;min-width:0;height:100%;padding:20px;display:flex;overflow:hidden}.speed-notes-panel.speed-notes-editor-style{border-radius:20px;flex-direction:column;height:100%;display:flex;overflow:hidden}.task-list-panel-header{margin-bottom:14px;font-size:12px}.speed-notes-editor-content{padding:18px 22px;font-size:16px}.clock-section-full{justify-content:center;width:100%;height:100%}.clock-section-full .clock-ring-wrapper{flex:none}html.web-browser .timer-frame{width:var(--timer-frame-width);min-width:var(--timer-frame-width);max-width:min(720px,82vw);min-height:var(--timer-frame-min-height)}.timer-frame{width:var(--timer-frame-width);min-width:var(--timer-frame-width);max-width:min(720px,82vw);min-height:var(--timer-frame-min-height);background:#000000b8;border-color:#ffffff2e;border-radius:clamp(26px,3vw,38px);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:clamp(32px,4vw,52px) clamp(28px,3vw,44px);display:flex;box-shadow:inset 0 0 0 1px #ffffff12,0 28px 80px #000000e0}.clock-section-full .digits{font-size:calc(var(--timer-ring-size) * .2);max-width:88%;font-weight:700}.timer-session-cue{max-width:min(88%,340px);margin-top:10px;font-size:12px}.clock-section-full .clock-controls{width:100%;max-width:var(--timer-inner-width);margin-top:20px}.clock-section-full .mode-lbl-ring{letter-spacing:.28em;font-size:13px}html.web-browser{--clock-radius:var(--timer-ring-radius);--timer-frame-pad-x:48px;--timer-frame-pad-y:66px;--timer-frame-width:min(720px, 82vw);--timer-frame-min-height:max(520px, min(74dvh, 700px));--timer-inner-width:calc(var(--timer-frame-width) - (var(--timer-frame-pad-x) * 2));--timer-ring-inset:52px;--timer-ring-size:calc(var(--timer-inner-width) - var(--timer-ring-inset));--timer-ring-radius:calc(var(--timer-ring-size) / 2);--clock-size:var(--timer-ring-size)}html.web-browser .timer-frame{width:var(--timer-frame-width);min-width:var(--timer-frame-width);max-width:min(720px,82vw);min-height:var(--timer-frame-min-height);padding:var(--timer-frame-pad-y) var(--timer-frame-pad-x) calc(var(--timer-frame-pad-y) - 8px);border-radius:clamp(24px, calc(var(--clock-size) * .05), 36px);gap:clamp(8px, calc(var(--clock-size) * .02), 16px);background:#000000c7;border-width:1px;border-color:#fff3;box-shadow:inset 0 0 0 1px #ffffff14,0 32px 72px #000000e6}html.web-browser .clock-section-full .clock-ring-wrapper{margin:0}html.web-browser .clock-section-full .digits{font-size:calc(var(--timer-ring-size) * .2);max-width:88%}html.web-browser .clock-section-full .mode-lbl-ring{font-size:calc(var(--clock-size) * .032)}html.web-browser .clock-section-full .timer-session-cue{font-size:calc(var(--clock-size) * .024);max-width:min(88%, calc(var(--clock-size) * .72))}html.web-browser .clock-section-full .clock-controls{margin-top:calc(var(--clock-size) * .04);gap:10px}}.settings-overlay{justify-content:stretch;align-items:stretch;padding:0}.settings-sheet{width:100%;max-width:100%;height:100%;max-height:100dvh;box-shadow:none;border:none;flex-direction:column;align-self:stretch;margin:0;display:flex;overflow:hidden;background:#030303!important;border-radius:0!important;padding:0!important}@media (min-width:901px){.settings-overlay{background:#000000eb;justify-content:center;align-items:center;padding:28px}.settings-sheet{border:1px solid var(--border-subtle);max-width:min(640px,94vw);height:auto;max-height:min(92vh,900px);box-shadow:0 32px 100px #000000e6;border-radius:20px!important}}.settings-fullscreen{flex-direction:column;height:100%;min-height:0;display:flex}.settings-fullscreen-header{padding:max(16px, env(safe-area-inset-top,16px)) 20px 14px;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.settings-fullscreen-header h2{letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0;font-size:15px;font-weight:300}.settings-fullscreen-body{padding:8px 20px calc(24px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.settings-flat{gap:0}.settings-native{gap:20px;padding-top:4px}.settings-group{flex-direction:column;gap:6px;display:flex}.settings-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0;padding:0 4px;font-size:11px;font-weight:500}.settings-group-card{background:#ffffff08;border-radius:14px;overflow:hidden}.settings-group-card-inline{justify-content:center;align-items:center;gap:8px;padding:14px;display:flex}.settings-group-hint{color:var(--text-secondary);padding:4px 16px 10px;font-size:12px;line-height:1.5}.settings-list-row{color:#fff;width:100%;font-family:var(--font-family-body);cursor:pointer;text-align:left;min-height:var(--touch-min);background:0 0;border:none;border-top:1px solid #ffffff0d;align-items:center;gap:12px;padding:14px 16px;font-size:14px;transition:background .15s;display:flex}.settings-list-row:first-of-type{border-top:none}.settings-list-row:hover:not(:disabled):not(.settings-list-row-static){background:#ffffff0a}.settings-list-row:disabled{opacity:.5;cursor:not-allowed}.settings-list-row-static{cursor:default;justify-content:space-between}.settings-list-row-stack{flex-direction:column;align-items:stretch;gap:8px}.settings-select{border:1px solid var(--border-subtle);color:#fff;width:100%;font-family:var(--font-family-body);cursor:pointer;background:#ffffff0a;border-radius:10px;outline:none;padding:10px 12px;font-size:13px}.settings-select:focus{border-color:var(--border-active)}.settings-list-row-danger .settings-list-text{color:#f87171}.settings-list-icon{color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-list-text{flex:1;min-width:0}.settings-list-subtle{color:var(--text-secondary);font-size:13px}.settings-week-native{background:0 0;border:none;align-items:flex-end;gap:6px;height:48px;margin:0 16px 14px;padding:0;display:flex}.settings-week-native .settings-week-col span{font-size:9px}.settings-group-legal{margin-top:4px}.settings-version-native{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;padding:12px 0 4px;font-size:10px;display:flex}.settings-footer-logo{object-fit:contain;opacity:.7;border-radius:8px;width:clamp(24px,6vw,32px);height:clamp(24px,6vw,32px)}.settings-flat-section{border-bottom:1px solid #ffffff0f;padding:18px 0}.settings-flat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:10px}.settings-flat-hint{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.45}.settings-flat-row{color:#fff;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 0;font-size:13px;display:flex}.settings-signed-in-minimal{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-sync-status{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.settings-text-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:12px}.settings-text-btn:hover{color:#fff}.settings-input-minimal{flex:1;margin-bottom:8px}.settings-stats-line{color:var(--text-secondary);margin-bottom:12px;font-size:12px}.settings-week-minimal{background:0 0!important;border:none!important;height:44px!important;margin-bottom:0!important;padding:0!important}.settings-flat-legal{justify-content:center;align-items:center;gap:8px;padding:20px 0 8px;display:flex}.settings-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px}.settings-link-btn:hover{color:#fff}.settings-dot{color:var(--text-muted);font-size:12px}.settings-version-minimal{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;padding:16px 0 8px;font-size:10px;display:flex}.settings-sync-buttons{flex-direction:column;gap:10px;display:flex}.settings-sync-btn{border:1px solid var(--border-subtle);width:100%;font-family:var(--font-family-title);letter-spacing:.04em;cursor:pointer;transition:var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:flex}.settings-sync-btn.google{color:#1a1a1a;background:#fff}.settings-sync-btn.google:hover{background:#f1f5f9}.settings-sync-btn.apple{color:#fff;background:#000;border-color:#fff3}.settings-sync-btn.apple:hover{background:#111}.settings-sync-btn:disabled{opacity:.5;cursor:not-allowed}.settings-signed-in-row{align-items:center;gap:12px;display:flex}.settings-avatar-md{object-fit:cover;border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:44px;height:44px}.settings-avatar-md.fallback{color:#fff;background:#ffffff0f;justify-content:center;align-items:center;font-size:12px;display:flex}.settings-signed-in-meta{flex:1;min-width:0}.settings-signout-inline{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.settings-signout-inline:hover{color:#fff;border-color:var(--border-active)}.settings-legal-links{flex-direction:column;gap:8px;margin-top:8px;display:flex}.settings-legal-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);text-align:left;cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:10px;padding:12px 14px;font-size:13px}.settings-legal-btn:hover{color:#fff;border-color:var(--border-active)}.settings-version-footer{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;padding:20px 0 8px;font-size:11px;display:flex}.sidebar-logo-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-logo-img{object-fit:contain;border-radius:8px;width:clamp(28px,5vw,36px);height:clamp(28px,5vw,36px)}.settings-minimal{flex-direction:column;height:100%;min-height:0;display:flex}.settings-minimal-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px 12px;display:flex}.settings-minimal-header h2{letter-spacing:.1em;text-transform:uppercase;color:#fff;text-align:center;flex:1;margin:0;font-size:13px;font-weight:300}.settings-header-spacer,.settings-back-btn{flex-shrink:0;width:32px;height:32px}.settings-back-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.settings-back-btn:hover{color:#fff;background:#ffffff0f}.settings-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.settings-close-btn:hover{color:#fff}.settings-minimal-body{padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.settings-menu-row{border:1px solid var(--border-subtle);cursor:pointer;color:#fff;width:100%;transition:var(--transition-fast);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 14px;display:flex}.settings-menu-row:hover{border-color:var(--border-active);background:#ffffff0f}.settings-menu-row-left{text-align:left;align-items:center;gap:12px;min-width:0;display:flex}.settings-avatar-sm{object-fit:cover;border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:36px;height:36px}.settings-avatar-sm.fallback{color:#fff;background:#ffffff0f;justify-content:center;align-items:center;font-size:11px;display:flex}.settings-menu-label{color:#fff;font-size:12px;display:block}.settings-menu-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:10px;display:block;overflow:hidden}.settings-menu-section{margin-bottom:16px}.settings-menu-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;font-size:9px;display:block}.settings-toggle-compact{border-radius:10px!important;padding:10px 12px!important}.settings-stats-inline{color:var(--text-secondary);flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.settings-stats-inline span{background:#ffffff08;border:1px solid #ffffff0a;border-radius:6px;padding:4px 8px}.settings-week-compact{height:56px!important;margin-bottom:0!important;padding:8px 10px!important}.settings-profile-view{flex-direction:column;gap:14px;display:flex}.settings-name-form-stack{flex-direction:column;align-items:stretch}.settings-field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:10px}.settings-save-btn-full{justify-content:center;width:100%;margin-top:4px}.settings-profile-email-block{color:var(--text-muted);text-align:center;font-size:11px}.settings-signin-stack{flex-direction:column;gap:8px;display:flex}.settings-signin-stack .google-signin-btn,.settings-signin-stack .apple-signin-btn{width:100%}.settings-layout-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.settings-layout-grid{grid-template-columns:1fr 1fr;gap:18px}.settings-block-wide{grid-column:1/-1}}.settings-block-card{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:14px;padding:20px 22px}.settings-block h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0 0 16px;font-size:11px;font-weight:500}.settings-profile-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.settings-avatar{object-fit:cover;border:1px solid var(--border-subtle);border-radius:50%;width:48px;height:48px}.settings-avatar.fallback{color:#fff;background:#ffffff0f;justify-content:center;align-items:center;font-size:13px;display:flex}.settings-profile-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-profile-name{color:#fff;font-size:14px}.settings-profile-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.settings-profile-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:9px}.settings-name-form{gap:8px;margin-bottom:10px;display:flex}.settings-save-btn{flex-shrink:0;padding:0 16px!important}.settings-signin-row{gap:8px;display:flex}.settings-signin-row .google-signin-btn,.settings-signin-row .apple-signin-btn{flex:1;padding:10px!important;font-size:12px!important}.settings-signout{width:100%}.settings-inline-error{color:var(--danger);margin-top:8px;font-size:11px}.settings-permission-status{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.settings-perm-hint{color:var(--text-muted);font-size:10px}.settings-stats-grid{margin-bottom:12px}.settings-week-bars{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:flex-end;gap:8px;height:72px;margin-bottom:16px;padding:12px 14px;display:flex}.settings-week-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.settings-week-bar{background:var(--accent-primary);border-radius:3px;width:100%;min-height:3px}.settings-week-col span{color:var(--text-muted);font-size:8px}.settings-recent-sessions{flex-direction:column;gap:6px;display:flex}.settings-session-row{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:6px 0;font-size:11px;display:flex}.focus-analytics-card{padding:14px}.focus-analytics{flex-direction:column;gap:16px;display:flex}.focus-analytics-grid{margin-bottom:0}.focus-analytics-goal-head{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.focus-analytics-goal-track{background:#ffffff0f;border-radius:999px;height:6px;overflow:hidden}.focus-analytics-goal-fill{border-radius:inherit;background:linear-gradient(90deg,#e2e8f073,#e2e8f0f2);height:100%;transition:width .35s}.focus-analytics-insights{flex-direction:column;gap:6px;display:flex}.focus-analytics-insight{color:var(--text-secondary);margin:0;font-size:11px}.focus-analytics-insight strong{color:var(--text-primary);font-weight:500}.focus-analytics-block{flex-direction:column;gap:10px;display:flex}.focus-analytics-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:10px;font-weight:500}.focus-analytics-week{height:88px;margin-bottom:0}.focus-analytics-bar-value{color:var(--text-muted);min-height:10px;font-size:8px}.focus-analytics-trend{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:flex-end;gap:4px;height:72px;padding:10px 12px;display:flex}.focus-analytics-trend-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.focus-analytics-trend-bar{background:var(--accent-primary);border-radius:3px;width:100%;min-height:4px}.focus-analytics-trend-col span{color:var(--text-muted);font-size:8px}.focus-analytics-session-row{gap:12px}.focus-analytics-session-row span:last-child{color:var(--text-primary);font-variant-numeric:tabular-nums}.focus-analytics-empty{color:var(--text-muted);margin:0;font-size:11px}.saas-sidebar{border-right:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px);transition:var(--transition-smooth);z-index:100;pointer-events:auto;background:#030303d9;flex-direction:column;flex-shrink:0;padding:24px 16px 20px;display:flex;position:relative}.saas-sidebar.collapsed{align-items:center;width:72px}.saas-sidebar.expanded{width:260px}.sidebar-brand-block{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;width:100%;padding-bottom:24px;display:flex}.brand-title{font-family:var(--font-family-title);letter-spacing:.2em;color:#fff;white-space:nowrap;font-size:14px;font-weight:500}.sidebar-tabs{flex-direction:column;gap:6px;width:100%;margin-top:24px;display:flex}.side-tab-btn{color:var(--text-secondary);font-family:var(--font-family-title);text-transform:uppercase;letter-spacing:.08em;text-align:left;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;width:100%;padding:12px 14px;font-size:11px;display:flex}.side-tab-btn:hover{color:#fff;background:#ffffff05}.side-tab-btn.active{color:#fff;border-color:var(--border-subtle);background:#ffffff0a;box-shadow:0 4px 12px #0006}.sidebar-content{flex-direction:column;flex:1;width:100%;margin-top:24px;display:flex;overflow:hidden}.section-hdr{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-size:9px;font-family:var(--font-family-title);margin-bottom:12px;font-weight:400;display:block}.project-excel-tabs{flex-direction:column;gap:4px;display:flex}.excel-tab-row{transition:var(--transition-fast);border-left:2px solid #0000;justify-content:space-between;align-items:center;padding-left:10px;display:flex}.excel-tab-row.current{border-left-color:#fff}.excel-tab-btn{color:var(--text-secondary);cursor:pointer;text-align:left;transition:var(--transition-fast);font-size:12px;font-family:var(--font-family-body);background:0 0;border:none;flex:1;padding:8px 0}.excel-tab-btn:hover{color:#fff}.excel-tab-row.current .excel-tab-btn{color:#fff;font-weight:500}.project-create-form{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:16px}.form-row{gap:8px;display:flex}.text-xs-sidebar{border:1px solid var(--border-subtle);color:#fff;transition:var(--transition-fast);background:#ffffff05;border-radius:4px;flex:1;padding:6px 10px;font-size:11px}.text-xs-sidebar:focus{border-color:var(--border-active);background:#ffffff0a}.save-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.save-btn:hover{color:#fff;transform:scale(1.1)}.sidebar-profile-btn{border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border-radius:8px;align-items:center;gap:12px;width:100%;margin-top:auto;padding:12px;display:flex;overflow:hidden}.sidebar-profile-btn:hover{border-color:var(--border-active);background:#ffffff0a;box-shadow:0 4px 16px #00000080}.sidebar-avatar-img{object-fit:cover;border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:28px;height:28px}.sidebar-avatar-fallback{border:1px solid var(--border-subtle);color:#fff;width:28px;height:28px;font-size:11px;font-family:var(--font-family-title);background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:flex}.sidebar-profile-info{text-align:left;flex-direction:column;display:flex;overflow:hidden}.sidebar-profile-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.sidebar-profile-status{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:1px;font-size:9px}.topbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.topbar-logo-block{align-items:center;gap:10px;min-width:0;display:flex}.brand-header-text{font-family:var(--font-family-title);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cloud-indicator{color:var(--success);flex-shrink:0;align-items:center;gap:4px;font-size:9px;display:flex}.cloud-indicator-anon{color:var(--text-secondary);flex-shrink:0;font-size:9px}.topbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.dock{align-items:center;gap:6px;display:flex}.dock-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex}.dock-btn:hover,.dock-btn.on{color:#fff;border-color:var(--border-active);background:#ffffff08}.dock-sep{background:var(--border-subtle);width:1px;height:16px;margin:0 4px}.topbar-profile-btn{border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast);background:#ffffff05;border-radius:24px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.topbar-profile-btn:hover{border-color:var(--border-active);background:#ffffff0d}.topbar-avatar-img{object-fit:cover;border:1px solid var(--border-subtle);border-radius:50%;width:28px;height:28px}.topbar-avatar-fallback{border:1px solid var(--border-subtle);color:#fff;width:28px;height:28px;font-size:11px;font-family:var(--font-family-title);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}.sign-in-prompt{color:var(--text-secondary);font-size:11px;font-family:var(--font-family-title);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.glass-card{-webkit-backdrop-filter:blur(16px);transition:var(--transition-smooth);border:1.5px solid var(--border-subtle)!important;background:#05050599!important;border-radius:12px!important}.glass-card:hover{box-shadow:0 12px 40px #000000e6;border-color:var(--border-active)!important}.widget{flex-direction:column;padding:20px;display:flex;box-shadow:inset 0 0 0 1px #ffffff09,0 10px 32px #0000008c}.widget-boundary{overflow:hidden;background:#050505e6!important;border:1.5px solid #ffffff24!important;box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 28px #00000073!important}.w-head{border-bottom:1px solid var(--border-subtle);margin-bottom:14px;padding-bottom:14px}.clickable-header{cursor:pointer}.w-title-row{font-family:var(--font-family-title);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;font-size:10px;font-weight:400;display:flex}.w-title{color:#fff;align-items:center;gap:8px;display:flex}.min-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;display:flex}.drawer-notes-textarea{border:1px solid var(--border-subtle)!important;color:#fff!important;font-family:var(--font-family-body)!important;resize:vertical!important;min-height:250px!important;transition:var(--transition-fast)!important;background:#ffffff05!important;border-radius:8px!important;padding:16px!important;font-size:13px!important;line-height:1.6!important}.drawer-notes-textarea:focus{box-shadow:0 0 12px var(--accent-glow);border-color:var(--accent-primary)!important;background:#ffffff0a!important;outline:none!important}.w-form{gap:8px;width:100%;margin-top:12px;display:flex}.w-in{font-family:var(--font-family-body);min-width:0;border:1px solid var(--border-subtle)!important;color:#fff!important;transition:var(--transition-fast)!important;background:#ffffff05!important;border-radius:6px!important;padding:8px 12px!important;font-size:11px!important}.w-in:focus{outline:none;border-color:var(--border-active)!important;background:#ffffff0a!important}.w-in::placeholder{color:#404040}.w-in.cron{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:112px;background:#0c0c0cf5!important}.w-in.cron option{color:#fff;background:#0b0b0b}.icon-btn{cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;background:#ffffff08!important;border-radius:6px!important;padding:8px 12px!important}.icon-btn:hover{border-color:var(--border-active)!important;color:#fff!important;background:#ffffff0f!important}.calendar-picker-row{justify-content:flex-end;margin-top:10px;display:flex}.inline-date-picker{font-family:var(--font-family-body);cursor:pointer;transition:var(--transition-fast);outline:none;border:1px solid var(--border-subtle)!important;color:#fff!important;background:#ffffff05!important;border-radius:6px!important;padding:6px 10px!important;font-size:11px!important}.inline-date-picker:focus{border-color:var(--border-active)!important;background:#ffffff0a!important}.inline-date-picker::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;opacity:.5;transition:var(--transition-fast)}.inline-date-picker::-webkit-calendar-picker-indicator:hover{opacity:.9}.w-body{flex-direction:column;gap:8px;max-height:380px;display:flex;overflow-y:auto}.row,.row-interactive{transition:var(--transition-fast);background:#ffffff03;border:1px solid #ffffff05;border-radius:8px;align-items:center;gap:12px;width:100%;display:flex;padding:10px 14px!important}.row:hover,.row-interactive:hover{border-color:var(--border-subtle);background:#ffffff05}.chk{cursor:pointer;transition:var(--transition-fast);color:var(--text-muted);justify-content:center;align-items:center;display:flex;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.chk:hover{color:#fff;transform:scale(1.08)}.c-done{color:#fff!important}.c-open{color:var(--text-muted)!important}.row-lbl{font-family:var(--font-family-body);flex:1;line-height:1.5;color:#e0e0e0!important;font-size:12px!important}.row-lbl.done{text-decoration:line-through;color:var(--text-secondary)!important}.badge{border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:9px;font-family:var(--font-family-body);background:#ffffff0a;border-radius:4px;padding:2px 6px}.del-btn-raw{cursor:pointer;transition:var(--transition-fast);align-items:center;display:flex;color:var(--text-muted)!important;background:0 0!important;border:none!important;padding:0 4px!important;font-size:15px!important}.del-btn-raw:hover{color:var(--danger)!important}.pad-body{flex-direction:column;flex:1;display:flex}.date-nav-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.date-shift-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:4px 6px;font-size:10px}.date-shift-btn:hover{color:#fff}.selected-date-lbl{color:#fff;font-size:11px;font-family:var(--font-family-title);letter-spacing:.05em}.pad-ta{color:#fff!important;resize:none!important;width:100%!important;min-height:180px!important;font-size:12px!important;line-height:1.7!important;font-family:var(--font-family-body)!important;background:#ffffff04!important;border:1px solid #ffffff0a!important;border-radius:8px!important;flex:1!important;padding:12px!important}.notes-autosave-indicator{color:var(--text-secondary);text-align:right;justify-content:flex-end;align-items:center;gap:4px;margin-top:8px;font-size:9px;display:flex}.clock-section-centered{border:1.5px solid var(--border-subtle);background:#ffffff04;border-radius:22px;flex-direction:column;align-items:center;width:100%;max-width:420px;margin:0 auto;padding:clamp(18px,3vw,34px);display:flex;box-shadow:inset 0 0 0 1px #ffffff09,0 18px 60px #000000bf}.focus-label{font-family:var(--font-family-title);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border-subtle);background:#ffffff05;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:10px;font-weight:500;display:flex}.focus-label.muted{color:var(--text-secondary)}.glowing-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success);border-radius:50%}.clock-ring-wrapper{justify-content:center;align-items:center;margin:24px 0;display:flex}.clock-ring-always-big{width:var(--clock-size);height:var(--clock-size);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;touch-action:manipulation;outline:none;justify-content:center;align-items:center;display:flex;position:relative}@media (pointer:coarse){.clock-ring-always-big{touch-action:none}}.clock-ring-always-big.scrubbing{cursor:grabbing}.clock-ring-always-big.scrubbing .glowing-ring{filter:drop-shadow(0 0 14px #ffffff47);transition:none!important}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-svg .glowing-ring{transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1)}.glowing-ring{stroke-linecap:round;filter:drop-shadow(0 0 2px var(--accent-glow));stroke:var(--accent-primary)!important}.clock-ring-always-big:hover .glowing-ring{filter:drop-shadow(0 0 6px var(--accent-glow))}.clock-section-full .clock-ring-always-big:hover .glowing-ring,.clock-section-full .clock-ring-always-big.scrubbing .glowing-ring{filter:drop-shadow(0 0 5px #ffffff3d)}.clock-inner{width:84%;max-width:calc(var(--timer-ring-size) * .84);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:0 6px;display:flex;position:absolute;overflow:hidden}.digits{font-family:var(--font-family-title);color:#fff;letter-spacing:-.03em;font-size:clamp(60px,8vw,100px);font-weight:700}.mode-lbl{font-family:var(--font-family-title);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;margin-top:-2px;font-size:10px}.mode-lbl-ring{letter-spacing:.28em;color:#ffffff73;text-align:center;width:min(80%,240px);margin-top:clamp(4px,1dvw,10px);padding-left:.28em;font-size:clamp(12px,2.8dvw,18px);font-weight:500}.clock-controls{align-items:center;gap:12px;margin-top:16px;display:flex}.ctrl-primary{font-family:var(--font-family-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex;box-shadow:0 4px 12px #ffffff1a;color:#000!important;transition:var(--transition-fast)!important;background:#fff!important;border:none!important;border-radius:24px!important;padding:10px 24px!important}.ctrl-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ffffff40}.ctrl-primary:active{transform:translateY(0)}.ctrl-ghost{font-family:var(--font-family-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;transition:var(--transition-fast)!important;background:#ffffff08!important;border-radius:24px!important;padding:10px 20px!important}.ctrl-ghost:hover{transform:translateY(-1px);border-color:var(--border-active)!important;color:#fff!important;background:#ffffff0f!important}.ctrl-ghost:active{transform:translateY(0)}.ctrl-link{cursor:pointer;justify-content:center;align-items:center;display:flex;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;transition:var(--transition-fast)!important;background:#ffffff05!important;border-radius:50%!important;padding:10px!important}.ctrl-link:hover{transform:rotate(-45deg);color:#fff!important;border-color:var(--border-active)!important;background:#ffffff0f!important}.target-next-prompt{flex-direction:column;gap:12px;width:290px;margin-top:20px;padding:16px;display:flex}.prompt-header-block{font-size:10px;font-family:var(--font-family-title);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;display:flex}.close-btn-prompt{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:12px}.prompt-list-objectives{flex-direction:column;gap:8px;display:flex}.prompt-task-btn{border:1px solid var(--border-subtle);color:#fff;text-align:left;cursor:pointer;transition:var(--transition-fast);background:#ffffff05;border-radius:6px;padding:10px;font-size:12px}.prompt-task-btn:hover{border-color:var(--border-active);background:#ffffff0d;transform:translate(2px)}.prompt-done-lbl{color:var(--text-secondary);text-align:center;padding:8px 0;font-size:11px}.queue-progress-block{border:1px solid var(--border-subtle);background:#ffffff03;border-radius:8px;margin-bottom:12px;padding:12px}.progress-lbl-row{text-transform:uppercase;color:var(--text-secondary);font-size:10px;font-family:var(--font-family-title);letter-spacing:.05em;justify-content:space-between;margin-bottom:8px;display:flex}.progress-bar-track{background:var(--border-subtle);border-radius:2px;height:3px;overflow:hidden}.progress-bar-fill{background:#fff;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 6px #fff}.hint-label-rightclick{color:var(--text-secondary);text-align:center;margin-bottom:10px;font-size:9px;display:block}.task-block{margin-bottom:4px;display:flex}.task-btn-direct-trigger{cursor:pointer;text-align:left;font-family:var(--font-family-body);flex:1;color:#fff!important;background:0 0!important;border:none!important;font-size:12px!important}.task-btn-direct-trigger.done-in{text-decoration:line-through;color:var(--text-secondary)!important}.del-btn-task-direct{cursor:pointer;transition:var(--transition-fast);align-items:center;display:flex;color:var(--text-muted)!important;background:0 0!important;border:none!important}.del-btn-task-direct:hover{color:var(--danger)!important}.drag-handle{color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 4px 0 0;font-size:14px;line-height:1;transition:color .12s}.drag-handle:hover{color:var(--text-secondary)}.task-block[draggable]{cursor:default}.task-block[draggable]:active{opacity:.6}.drag-over-highlight{border-top:2px solid var(--accent-primary)!important;background:#ffffff08!important}.stats-layout{flex-direction:column;gap:16px;display:flex}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}@media (max-width:900px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stats-grid .stat-card:last-child{grid-column:1/-1}}.stat-card{border:1px solid var(--border-subtle);text-align:center;transition:var(--transition-fast);background:#ffffff03;border-radius:8px;padding:12px 8px}.stat-card:hover{border-color:var(--border-active);background:#ffffff05}.stat-l{color:var(--text-secondary);text-transform:uppercase;font-size:9px;font-family:var(--font-family-title);letter-spacing:.05em;display:block}.stat-v{color:#fff;font-size:16px;font-weight:500;font-family:var(--font-family-title);margin-top:6px;display:block}.clock-hand{display:none}.clock-scrub-knob{transform-origin:50%;pointer-events:none;opacity:0;background:#fff;border:2px solid #0009;border-radius:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;transition:opacity .15s;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #ffffff59}.block-progress-mini{color:var(--text-secondary);font-family:var(--font-family-title);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:-6px;font-size:10px;display:flex}.text-edit-actions{justify-content:flex-end;gap:6px;margin-bottom:6px;display:flex}.text-edit-actions button{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family-title);letter-spacing:.06em;text-transform:uppercase;transition:var(--transition-fast);background:#ffffff05;border-radius:999px;padding:4px 9px;font-size:9px}.text-edit-actions button:hover{color:#fff;border-color:var(--border-active);background:#ffffff0a}.image-icon-btn{border:1px solid var(--border-subtle);cursor:pointer;width:28px;height:28px;transition:var(--transition-fast);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.image-icon-btn:hover{border-color:var(--border-active);background:#ffffff14}.image-icon-btn img{filter:invert();opacity:.86;width:15px;height:15px}.image-icon-btn img.flip-x{transform:scaleX(-1)}.project-modal-actions{align-items:center;gap:7px;display:flex}.completion-log-panel{border:1px solid var(--border-subtle);background:#ffffff03;border-radius:8px;padding:12px}.completion-log-title{color:var(--text-secondary);font-family:var(--font-family-title);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:9px;display:block}.completion-log-row{color:#fff;border-top:1px solid #ffffff0a;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:6px 0;font-size:11px;display:grid}.completion-empty{color:var(--text-muted);font-size:11px}.weekly-heatmap{border-top:1px solid var(--border-subtle);padding-top:14px}.heatmap-title{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-family:var(--font-family-title);letter-spacing:.05em;margin-bottom:10px;display:block}.heat-blocks{justify-content:space-between;gap:6px;display:flex}.heat-cell{aspect-ratio:1;border:1px solid var(--border-subtle);min-width:0;transition:var(--transition-fast);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;display:flex}.heat-cell:hover{border-color:#ffffff4d;transform:scale(1.08)}.heat-cell.level-0{background:0 0}.heat-cell.level-1{background:#ffffff0a}.heat-cell.level-2{background:#ffffff1f}.heat-cell.level-3{background:#ffffff3d}.heat-cell.level-4{background:#ffffff73}.heat-day-lbl{color:var(--text-secondary);font-size:9px;font-family:var(--font-family-title)}.onboarding-viewport{z-index:2000;background:radial-gradient(circle,#101015 0%,#050508 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.onboarding-card{flex-direction:column;gap:32px;width:100%;max-width:520px;padding:40px;display:flex;box-shadow:0 40px 100px #000c;border-radius:32px!important}.onboarding-header{text-align:center}.onboarding-logo-icon{object-fit:contain;border-radius:12px;width:clamp(40px,12vw,56px);height:clamp(40px,12vw,56px);margin:0 auto 20px}.onboarding-title{font-family:var(--font-family-title);letter-spacing:.1em;background:linear-gradient(#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:28px}.onboarding-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.6}.onboarding-features{flex-direction:column;gap:20px;display:flex}.feature-item{align-items:flex-start;gap:16px;display:flex}.feature-icon{color:var(--accent-primary);filter:drop-shadow(0 0 8px #00c8ff66);margin-top:2px}.feature-title{color:#fff;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.feature-desc{color:var(--text-muted);font-size:11px;line-height:1.5;display:block}.onboarding-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.onboarding-sep{align-items:center;gap:12px;width:100%;display:flex}.sep-line{background:var(--border-subtle);flex:1;height:1px}.sep-text{color:var(--text-muted);font-size:10px;font-family:var(--font-family-title)}.google-signin-btn.large,.apple-signin-btn.large{cursor:pointer;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-size:14px;transition:all .2s;display:flex}.google-signin-btn.large{color:#000;background:#fff}.apple-signin-btn.large{color:#fff;background:#000;border-color:#fff3}.onboarding-guest-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:13px;transition:all .2s;display:flex}.onboarding-guest-btn:hover{color:#fff;background:#ffffff08}.onboarding-error{color:var(--danger);text-align:center;font-size:12px}.onboarding-footer-note{color:var(--text-muted);text-align:center;font-size:10px;line-height:1.4}.settings-panel-view{flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;display:flex}.settings-header-fixed{justify-content:space-between;align-items:center;padding:0 0 24px;display:flex}.settings-title-main{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-size:16px;font-family:var(--font-family-title);margin:0}.settings-scroll-area{flex:1;padding-right:4px;overflow-y:auto}.settings-grid-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-card{flex-direction:column;gap:24px;display:flex;padding:28px!important}.settings-card.full-width{grid-column:1/-1}.settings-section-head{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);font-size:11px;font-family:var(--font-family-title);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding-bottom:12px;display:flex}.profile-hero-block{align-items:center;gap:20px;display:flex}.profile-avatar-fallback.large{background:var(--bg-surface);border:1.5px solid var(--border-subtle);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:flex;box-shadow:0 0 20px #0006}.profile-name-large{color:#fff;font-size:18px;font-weight:500;display:block}.profile-email-sub{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.profile-status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-top:8px;padding:4px 10px;font-size:9px;font-weight:600;display:inline-block}.profile-status-pill.anon{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.profile-status-pill.cloud{color:var(--success);background:#00ff961a;border:1px solid #00ff9633}.tuning-control-block{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:16px;padding:16px}.tuning-value-highlight{color:var(--accent-primary);font-size:14px;font-weight:700}.tuning-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}.tuning-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #00c8ff80}.settings-toggle-row-premium{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-title{color:#fff;font-size:13px;display:block}.toggle-desc{color:var(--text-muted);margin-top:2px;font-size:10px;display:block}.intelligence-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.intel-pill{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.intel-l{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:8px}.intel-v{color:#fff;font-size:13px;font-weight:500}.settings-footer-actions{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:12px;padding-top:20px;display:flex}.ctrl-link-premium{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:11px;text-decoration:underline;display:flex}.copyright-tag{color:var(--text-muted);letter-spacing:.05em;font-size:9px}@media (max-width:1024px),(pointer:coarse){.settings-grid-layout{grid-template-columns:1fr}.settings-card{padding:20px!important}.onboarding-card{gap:24px;padding:24px;border-radius:24px!important}.onboarding-title{font-size:24px}.layout-center-col{padding-top:0}.settings-panel-view{padding-bottom:100px}}.three-column-layout{flex:1;grid-template-columns:1fr minmax(380px,420px) 1fr;align-items:start;gap:48px;width:100%;display:grid}@media (max-width:1024px),(pointer:coarse){.three-column-layout{flex-direction:column;gap:20px;display:flex;padding-bottom:130px!important;padding-left:0!important;padding-right:0!important}.layout-center-col{flex-direction:column!important;flex:none!important;order:-1!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;padding-top:0!important;display:flex!important}.layout-side-col{width:100%}.clock-section-centered{overflow:hidden}}.three-column-layout.canvas-active{grid-template-columns:1fr!important;gap:0!important}.three-column-layout.canvas-active .layout-side-col{display:none!important}.layout-side-col{flex-direction:column;gap:20px;min-width:0;transition:opacity .5s;display:flex}.layout-side-col.faded{opacity:.12;pointer-events:none}.layout-center-col{flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;padding-top:40px;display:flex}.desktop-layout{display:grid}.mobile-layout{display:none}.mobile-only{display:none!important}.desktop-only{display:flex!important}.task-list-peek-zone,.speed-notes-peek-zone,.task-list-sheet-backdrop,.speed-notes-sheet-backdrop{display:none!important}.task-list-swipe-hint,.speed-notes-swipe-hint{display:none}@media (max-width:1024px),(pointer:coarse){.main-viewport-content{padding:28px 24px}}.workspace-container{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.focus-notes-layout{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:28px;width:100%;max-width:1280px;margin:0 auto;padding:0 0 120px;display:grid}.focus-notes-side{flex-direction:column;gap:18px;display:flex;position:sticky;top:20px}.mobile-canvas-panel{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}@media (max-width:1024px),(pointer:coarse){.task-list-peek-zone,.speed-notes-peek-zone{display:flex!important}.task-list-sheet-backdrop,.speed-notes-sheet-backdrop{display:block!important}.task-list-panel.mobile-sheet .task-list-swipe-hint,.speed-notes-panel.mobile-sheet .speed-notes-swipe-hint{display:inline}html,body{width:100%;position:fixed;overscroll-behavior:none!important;height:100dvh!important;overflow:hidden!important}.saas-sidebar{display:none}.main-viewport-content{padding:0 max(8px, env(safe-area-inset-right,8px)) 0 max(8px, env(safe-area-inset-left,8px));touch-action:manipulation;background-color:#000;min-height:100dvh;overflow:hidden}.focus-screen-shell,.focus-screen-main,.saas-viewport{touch-action:manipulation}.notes-screen-wrap{touch-action:pan-y;background-color:#000}.desktop-only{display:none!important}.mobile-only,.screen-chrome.mobile-only{display:flex!important}.digits{font-size:min(calc(var(--clock-size) * .2), 20vw);font-weight:700}.widget{padding:16px}.w-form{flex-wrap:wrap}.w-in.cron{flex:120px;max-width:none}.brand-header-text{max-width:120px;font-size:10px}.clock-section-centered{border-radius:18px;padding:16px 12px 20px}.clock-ring-wrapper{margin:16px 0}.w-body::-webkit-scrollbar{display:none}.w-body{scrollbar-width:none}:root{--timer-frame-pad-x:32px;--timer-frame-pad-y:24px;--timer-available-h:calc(100dvh - var(--chrome-height) - var(--task-list-swipe-zone) - var(--quick-notes-swipe-zone) - 36px);--timer-frame-width:min(94vw, 580px);--timer-frame-min-height:max(440px, min(var(--timer-available-h), 680px));--timer-inner-width:calc(var(--timer-frame-width) - (var(--timer-frame-pad-x) * 2));--timer-ring-inset:56px;--timer-ring-size:min(calc(var(--timer-inner-width) - var(--timer-ring-inset)), calc(var(--timer-available-h) * .48));--timer-ring-radius:calc(var(--timer-ring-size) / 2);--clock-size:var(--timer-ring-size);--clock-radius:var(--timer-ring-radius);--space-page-x:max(8px, env(safe-area-inset-left,8px))}.timer-frame{padding:var(--timer-frame-pad-y) var(--timer-frame-pad-x);border-color:#ffffff24;border-radius:clamp(20px,3vw,28px);gap:clamp(6px,1.2dvh,14px);width:var(--timer-frame-width)!important;min-width:var(--timer-frame-width)!important;min-height:var(--timer-frame-min-height)!important;max-width:94vw!important}.clock-section-full .digits{font-size:calc(var(--timer-ring-size) * .2);letter-spacing:-.05em;max-width:88%;font-weight:700}.mode-lbl-ring{letter-spacing:.24em;width:min(82%,200px);font-size:clamp(11px,2.8dvw,15px)}.focus-timer-area{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 4px}.focus-screen-shell{padding-top:var(--task-list-swipe-zone);padding-bottom:calc(var(--quick-notes-swipe-zone) + var(--quick-notes-lift) + env(safe-area-inset-bottom,0px));justify-content:flex-start}.task-list-panel.mobile-sheet{width:calc(100% - 20px);max-width:500px;left:0;right:0;top:calc(var(--chrome-height) + env(safe-area-inset-top,0px));z-index:212;margin:0 auto;position:fixed;box-shadow:0 8px 32px #00000080;background:#050505!important;border-color:#ffffff1a!important}.task-list-panel.mobile-sheet .task-list-items{flex:1;min-height:0}.speed-notes-panel.mobile-sheet{z-index:120;touch-action:pan-y;width:100%;max-width:500px;margin:0 auto;position:fixed;bottom:0;left:0;right:0;background:#000!important;border-color:#ffffff1f!important;border-radius:20px 20px 0 0!important;box-shadow:0 -24px 80px #000000f2!important}.mobile-sheet.sheet-gesturing{touch-action:none}.speed-notes-panel.mobile-sheet.expanded{height:var(--quick-notes-expanded);max-height:var(--quick-notes-expanded);pointer-events:auto;min-height:70dvh}.speed-notes-panel.mobile-sheet .speed-notes-sheet-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.task-list-panel.mobile-sheet.expanded{height:var(--task-list-expanded);max-height:var(--task-list-expanded);pointer-events:auto}.task-list-panel.mobile-sheet .task-list-sheet-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.task-list-panel.mobile-sheet:not(.sheet-gesturing).expanded{transition:transform .32s cubic-bezier(.32,.72,0,1),visibility linear}.speed-notes-panel.mobile-sheet .speed-notes-editor-content{padding:16px 20px;font-size:16px}.clock-section-full .clock-controls{margin-top:10px}.clock-section-full .clock-ring-wrapper{margin:0}.screen-chrome{padding:max(6px, env(safe-area-inset-top,6px)) 0 6px;min-height:var(--chrome-height);gap:8px}.clock-section-centered:not(.clock-section-full){border-radius:18px;padding:16px 12px 20px}.clock-controls{flex-wrap:wrap;justify-content:center;gap:8px}.settings-minimal-body{padding:16px 18px calc(24px + env(safe-area-inset-bottom,0px))}.settings-block-card{padding:18px}.settings-sheet{max-height:100dvh;border-radius:0!important}.settings-fullscreen-body{padding-left:max(16px, env(safe-area-inset-left,16px));padding-right:max(16px, env(safe-area-inset-right,16px))}}@media (min-width:601px) and (max-width:1024px),(min-width:601px) and (pointer:coarse){:root,html.web-browser,html.native-app{--timer-frame-pad-x:44px;--timer-frame-pad-y:36px;--timer-available-h:calc(100dvh - var(--chrome-height) - var(--task-list-swipe-zone) - var(--quick-notes-swipe-zone) - 28px);--timer-frame-width:min(90vw, 720px);--timer-frame-min-height:max(520px, min(var(--timer-available-h), 82dvh));--timer-inner-width:calc(var(--timer-frame-width) - (var(--timer-frame-pad-x) * 2));--timer-ring-inset:64px;--timer-ring-size:min(calc(var(--timer-inner-width) - var(--timer-ring-inset)), calc(var(--timer-available-h) * .5));--timer-ring-radius:calc(var(--timer-ring-size) / 2);--clock-size:var(--timer-ring-size);--clock-radius:var(--timer-ring-radius)}.clock-section-full .digits{font-size:calc(var(--timer-ring-size) * .2);letter-spacing:-.05em;max-width:84%;font-weight:700}.clock-section-full .ring-svg{transform:rotate(-90deg)scale(.86)}html.web-browser .timer-frame,html.native-app .timer-frame,.timer-frame{width:var(--timer-frame-width)!important;min-width:var(--timer-frame-width)!important;max-width:90vw!important;min-height:var(--timer-frame-min-height)!important;padding:var(--timer-frame-pad-y) var(--timer-frame-pad-x)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:clamp(8px,1.5dvh,18px)!important;display:flex!important}.mode-lbl-ring{letter-spacing:.24em;font-size:clamp(14px,2.5dvw,20px)}.focus-screen-shell{justify-content:center!important;height:100%!important;padding-top:0!important;padding-bottom:0!important}.focus-timer-area{flex:1!important;justify-content:center!important;align-items:center!important;min-height:0!important;padding:0!important;display:flex!important}}@media (max-width:360px){:root{--clock-radius:min(44dvw, calc((100dvh - var(--chrome-height) - var(--quick-notes-peek) - var(--quick-notes-lift) - 56px) / 2), 190px)}.clock-section-full .digits{font-size:min(calc(var(--clock-size) * .2), 20vw);max-width:92%}.screen-chrome-brand span{letter-spacing:.08em;font-size:11px}.ctrl-primary,.ctrl-ghost{padding:8px 16px!important;font-size:10px!important}}.mobile-panel{padding:0 0 calc(100px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:stretch;width:100%;min-height:0;display:flex;overflow-y:auto}.mobile-section{flex-direction:column;gap:20px;padding-top:16px;display:flex}.mobile-bottom-nav{bottom:max(10px, env(safe-area-inset-bottom,10px));left:max(10px, env(safe-area-inset-left,10px));right:max(10px, env(safe-area-inset-right,10px));z-index:8000;pointer-events:auto;-webkit-backdrop-filter:blur(20px);height:68px;transition:var(--transition-smooth);background:#080808eb;border:1px solid #ffffff1f;border-radius:20px;justify-content:space-around;align-items:center;padding:0 10px;display:none;position:fixed;box-shadow:0 12px 32px #0009}.mobile-nav-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-family:var(--font-family-title);text-transform:uppercase;letter-spacing:.05em;min-width:0;min-height:var(--touch-min);pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:9px;display:flex}.mobile-nav-btn.active{color:#fff;background:#ffffff0f}.mobile-nav-btn svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.mobile-nav-btn.active svg{filter:drop-shadow(0 0 10px #ffffff80);transform:translateY(-2px)}.overlay{z-index:9000;pointer-events:auto;-webkit-backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:fixed;top:0;left:0}.profile-panel{background:#060606fa;width:400px;max-width:calc(100vw - 32px);padding:28px;box-shadow:0 24px 80px #000000f2}.profile-panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.profile-panel-title{font-family:var(--font-family-title);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-size:12px;font-weight:500}.profile-panel-body{flex-direction:column;gap:24px;display:flex}.profile-avatar-block{align-items:center;gap:16px;display:flex}.profile-avatar-img{object-fit:cover;border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:56px;height:56px}.profile-avatar-fallback{border:1px solid var(--border-subtle);color:#fff;width:56px;height:56px;font-size:18px;font-family:var(--font-family-title);background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-text{text-align:left;flex-direction:column;gap:4px;min-width:0;display:flex}.profile-name{color:#fff;font-size:16px;font-weight:400;font-family:var(--font-family-title);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-badge{font-size:9px;font-family:var(--font-family-title);text-transform:uppercase;letter-spacing:.05em;border-radius:12px;align-self:flex-start;margin-top:4px;padding:3px 8px;display:inline-block}.badge-anon{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff08}.badge-google{color:var(--success);background:#2ecc710f;border:1px solid #2ecc7126}.profile-cta-block{flex-direction:column;gap:16px;display:flex}.profile-cta-desc{color:var(--text-secondary);font-size:12px;line-height:1.7}.google-signin-btn,.apple-signin-btn{font-family:var(--font-family-title);cursor:pointer;letter-spacing:.03em;justify-content:center;align-items:center;gap:12px;width:100%;display:flex;transition:var(--transition-fast)!important;border-radius:8px!important;padding:12px 24px!important;font-size:13px!important;font-weight:500!important}.google-signin-btn{color:#000!important;background:#fff!important;border:none!important}.google-signin-btn:hover{transform:translateY(-1px);background:#f0f0f0!important}.apple-signin-btn{color:#fff!important;background:#000!important;border:1px solid #ffffff26!important}.apple-signin-btn:hover{transform:translateY(-1px);background:#0f0f0f!important;border-color:#ffffff4d!important}.google-logo,.apple-logo{flex-shrink:0}.firestore-blocked-hint{color:#e67e22;background:#e67e220a;border:1px solid #e67e2226;border-radius:6px;margin-top:4px;padding:10px 12px;font-size:10px;line-height:1.6}.firestore-blocked-hint code{background:#e67e2214;border-radius:3px;padding:2px 4px;font-family:monospace}.profile-stat-row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.pstat{border:1px solid var(--border-subtle);text-align:center;background:#ffffff03;border-radius:8px;flex-direction:column;gap:6px;padding:14px;display:flex}.pstat-v{color:#fff;font-size:20px;font-weight:400;font-family:var(--font-family-title)}.pstat-l{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.signout-btn{font-family:var(--font-family-title);cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;display:flex;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;background:0 0!important;border-radius:8px!important;padding:12px!important;font-size:12px!important}.signout-btn:hover{color:var(--danger)!important;border-color:var(--danger)!important;background:#e74c3c08!important}.settings-modal-card{border:1px solid var(--border-subtle);background:#050505fa;border-radius:16px;flex-direction:column;gap:24px;width:520px;max-width:calc(100vw - 32px);padding:32px;display:flex;box-shadow:0 24px 80px #000000f2}.settings-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.settings-modal-title{font-family:var(--font-family-title);text-transform:uppercase;letter-spacing:.12em;color:#fff;font-size:14px;font-weight:500}.settings-modal-close-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;display:flex}.settings-modal-close-btn:hover{color:#fff}.settings-modal-body{flex-direction:column;gap:24px;max-height:480px;padding-right:4px;display:flex;overflow-y:auto}.settings-section-block{flex-direction:column;gap:12px;display:flex}.settings-section-title{font-family:var(--font-family-title);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);padding-bottom:6px;font-size:10px}.settings-form-group{flex-direction:column;gap:8px;display:flex}.settings-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.settings-input{font-family:var(--font-family-body);width:100%;transition:var(--transition-fast);border:1px solid var(--border-subtle)!important;color:#fff!important;background:#ffffff05!important;border-radius:6px!important;padding:10px 14px!important;font-size:12px!important}.settings-input:focus{outline:none;border-color:var(--border-active)!important;background:#ffffff0a!important}.settings-toggle-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.settings-toggle-info{flex-direction:column;gap:2px;display:flex}.settings-toggle-title{color:#fff;font-size:12px}.settings-toggle-desc{color:var(--text-secondary);font-size:10px}.toggle-switch-wrapper{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch-wrapper input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;border:1px solid var(--border-subtle);background-color:#ffffff0f;border-radius:34px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:14px;height:14px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:3px;left:3px}.toggle-switch-wrapper input:checked+.toggle-slider{background-color:#ffffff26;border-color:#ffffff4d}.toggle-switch-wrapper input:checked+.toggle-slider:before{background-color:#fff;transform:translate(18px)}.settings-access-pill-row{border:1px solid var(--border-subtle);background:#ffffff03;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.settings-access-title{color:#fff;font-size:12px}.settings-status-pill{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:9px;font-family:var(--font-family-title);background:#ffffff0a;border-radius:12px;padding:3px 10px;font-weight:500}.settings-status-pill.active{color:var(--success);background:#2ecc710f;border-color:#2ecc7133}.settings-rollover-panel{border:1px solid var(--border-subtle);background:#ffffff03;border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.settings-rollover-desc{color:var(--text-secondary);font-size:11px;line-height:1.6}.settings-action-btn{border:1px solid var(--border-subtle);color:#fff;font-size:11px;font-family:var(--font-family-title);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:6px;width:100%;padding:10px 14px;font-weight:500}.settings-action-btn:hover{border-color:var(--border-active);background:#ffffff08}.settings-warning-panel{text-align:left;background:#e67e220a;border:1px solid #e67e2233;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.settings-warning-title{color:#e67e22;font-size:12px;font-family:var(--font-family-title);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.settings-warning-desc{color:#e67e22cc;font-size:11px;line-height:1.6}.settings-warning-desc code{color:#e67e22;background:#e67e2214;border-radius:3px;padding:1px 4px;font-family:monospace}.task-drawer-card{-webkit-backdrop-filter:blur(28px);width:720px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);box-shadow:0 24px 80px #000000f2, inset 0 0 0 1px var(--border-subtle);padding:36px;overflow-y:auto;background:#08080ccc!important;border-radius:24px!important}@media (max-width:900px){.task-drawer-card{padding:24px;border-radius:20px!important}.drawer-header-block{margin-bottom:16px}.settings-modal-card{padding:24px;border-radius:20px!important}}.drawer-header-block{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.drawer-hdr-lbl{font-family:var(--font-family-title);text-transform:uppercase;color:#fff;letter-spacing:.08em;font-size:12px;font-weight:500}.drawer-body-block{flex-direction:column;gap:16px;display:flex}.drawer-input-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:-10px;font-size:9px}.drawer-title-input{width:100%;font-family:var(--font-family-body);transition:var(--transition-fast);outline:none;border:1px solid var(--border-subtle)!important;color:#fff!important;background:#ffffff05!important;border-radius:6px!important;padding:10px 14px!important;font-size:13px!important}.drawer-title-input:focus{border-color:var(--border-active)!important;background:#ffffff0a!important}.drawer-notes-textarea{width:100%;line-height:1.6;font-family:var(--font-family-body);transition:var(--transition-fast);outline:none;border:1px solid var(--border-subtle)!important;color:#fff!important;resize:none!important;background:linear-gradient(145deg,#ffffff08,#00f0ff05)!important;border-radius:8px!important;min-height:240px!important;padding:16px 20px!important;font-size:13px!important}.drawer-notes-textarea:focus{border-color:var(--border-active)!important;background:#ffffff0a!important}.rollover-card{text-align:center;width:420px;max-width:calc(100vw - 32px);padding:32px}.rollover-card h2{color:#fff;font-size:18px;font-family:var(--font-family-title);margin-bottom:8px;font-weight:400}.rollover-card p{color:var(--text-secondary);margin-bottom:20px;font-size:12px;line-height:1.6}.rollover-summary{border:1px solid var(--border-subtle);background:#ffffff03;border-radius:8px;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;padding:16px;display:grid}.sum-val{color:#fff;font-size:22px;font-weight:500;font-family:var(--font-family-title);display:block}.sum-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.rollover-tasks{text-align:left;margin-bottom:24px}.rollover-heading{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-family:var(--font-family-title);letter-spacing:.05em;margin-bottom:10px;display:block}.rollover-list{flex-direction:column;gap:6px;max-height:120px;display:flex;overflow-y:auto}.roll-task-row{color:#fff;background:#ffffff03;border:1px solid #ffffff05;border-radius:4px;align-items:center;padding:8px 10px;font-size:12px;display:flex}.commit-modal-actions{gap:12px;display:flex}.commit-yes{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition-fast);font-family:var(--font-family-title);flex:1;color:#000!important;background:#fff!important;border:none!important;border-radius:6px!important;padding:12px!important;font-size:11px!important;font-weight:500!important}.commit-yes:hover{background:#f0f0f0!important}.commit-skip{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition-fast);font-family:var(--font-family-title);flex:1;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;background:0 0!important;border-radius:6px!important;padding:12px!important;font-size:11px!important}.commit-skip:hover{color:#fff!important;border-color:var(--border-active)!important}.award-toast{top:max(16px, env(safe-area-inset-top,16px));right:max(16px, env(safe-area-inset-right,16px));left:max(16px, env(safe-area-inset-left,16px));z-index:2000;border:1px solid var(--border-active);color:#fff;max-width:calc(100% - 32px);font-size:12px;font-family:var(--font-family-title);letter-spacing:.05em;background:#050505fa;border-radius:8px;align-items:center;margin-left:auto;padding:14px 20px;display:flex;position:fixed;box-shadow:0 16px 48px #000000e6}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) both fadeIn}@keyframes pulseGlow{0%,to{opacity:.6;filter:drop-shadow(0 0 2px #ffffff26)}50%{opacity:1;filter:drop-shadow(0 0 10px #ffffff80)}}.animate-pulse{animation:3s ease-in-out infinite pulseGlow}.task-checklist-container{flex-direction:column;gap:8px;margin-top:8px;display:flex}.checklist-row{align-items:center;gap:8px;display:flex}.checklist-lbl{color:#e0e0e0;flex:1;font-size:12px}.checklist-lbl.done{color:var(--text-secondary);text-decoration:line-through}.checklist-add-row{align-items:center;gap:8px;padding:6px 0;display:flex}.checklist-add-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:12px}.checklist-add-input::placeholder{color:var(--text-muted)}.project-list-block{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.project-row-item{border:1px solid var(--border-subtle);transition:var(--transition-fast);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.project-row-item:hover{border-color:var(--border-active);background:#ffffff0d}.project-row-item.active{background:#ffffff14;border-color:#fff6}.project-row-info{cursor:pointer;flex-direction:column;flex:1;gap:2px;display:flex}.project-row-name{color:#fff;font-size:13px;font-weight:500}.project-row-meta{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.project-row-actions{align-items:center;gap:6px;display:flex}.flow-context-menu{z-index:5000;border:1.5px solid var(--border-active);-webkit-backdrop-filter:blur(18px);background:#080808f5;border-radius:12px;flex-direction:column;gap:4px;min-width:180px;max-width:calc(100% - 24px);padding:8px;display:flex;position:fixed;box-shadow:0 18px 54px #000000e6}.flow-context-menu button{color:#fff;cursor:pointer;font-family:var(--font-family-title);letter-spacing:.04em;text-align:left;transition:var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;font-size:11px;display:flex}.flow-context-menu button:hover{border-color:var(--border-subtle);background:#ffffff0f}.flow-context-menu button.danger{color:var(--danger)}.icon-btn-small{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.icon-btn-small:hover{color:#fff;background:#ffffff1a}.icon-btn-small.danger:hover{color:var(--danger);background:#e74c3c26}.rich-text-editor-container{outline:none;flex-direction:column;display:flex;overflow:hidden;width:100%!important;transition:var(--transition-fast)!important;border-radius:8px!important}.rich-text-editor-container.drawer-editor{border:1px solid var(--border-subtle)!important;background:linear-gradient(145deg,#ffffff08,#00f0ff05)!important}.rich-text-editor-container.drawer-editor:focus-within{box-shadow:0 0 12px var(--accent-glow,#00f0ff26);border-color:var(--accent-primary,var(--border-active))!important;background:#ffffff0a!important}.rich-text-editor-container.pad-editor{flex:1;background:#ffffff04!important;border:1px solid #ffffff0a!important}.rich-text-editor-container.pad-editor:focus-within{box-shadow:0 0 12px var(--accent-glow,#00f0ff1a);border-color:var(--accent-primary,var(--border-active))!important;background:#ffffff08!important}.rich-text-toolbar{background:#ffffff05;border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.toolbar-btn{color:var(--text-secondary,#a0aec0);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:6px 8px;transition:all .15s;display:flex;position:relative}.toolbar-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff1a}.toolbar-btn:active{background:#ffffff26;transform:scale(.94)}.toolbar-btn.active{color:#00c8ff;background:#00c8ff26;border-color:#00c8ff66;box-shadow:0 0 8px #00c8ff40}.toolbar-btn.active:hover{color:#fff;background:#00c8ff40;border-color:#00c8ff99}.toolbar-separator{background:#ffffff14;width:1px;height:16px;margin:0 4px}.rich-text-editor-body{text-align:left;flex:1;overflow-y:auto;color:#fff!important;font-family:var(--font-family-body)!important;outline:none!important;padding:16px!important;font-size:13px!important;line-height:1.6!important}.rich-text-editor-body[contenteditable]:empty:before,.rich-text-editor-body[data-placeholder-visible=true]:before{content:attr(placeholder);color:var(--text-secondary,#a0aec0);opacity:.4;pointer-events:none;position:absolute}.rich-text-editor-body ul,.rich-text-editor-body ol{margin:8px 0;padding-left:20px}.rich-text-editor-body ul{list-style-type:disc!important}.rich-text-editor-body ol{list-style-type:decimal!important}.rich-text-editor-body li{margin-bottom:4px}.workspace-container::-webkit-scrollbar{display:none}.mobile-panel::-webkit-scrollbar{display:none}.main-viewport-content::-webkit-scrollbar{display:none}.workspace-container,.mobile-panel,.main-viewport-content{scrollbar-width:none}.legal-page-shell{background:var(--bg-primary);min-height:100dvh;padding:clamp(20px,5vw,40px)}.legal-page{max-width:720px;margin:0 auto;line-height:1.6}.legal-page-header{margin-bottom:2rem}.legal-page-back{color:var(--text-secondary);transition:var(--transition-fast);margin-bottom:1.25rem;font-size:.85rem;text-decoration:none;display:inline-block}.legal-page-back:hover{color:var(--text-primary)}.legal-page h1{font-family:var(--font-family-title);letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:300}.legal-page-meta{color:var(--text-secondary);margin:0;font-size:.9rem}.legal-page-section{margin-top:1.5rem}.legal-page-section h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem;font-size:.95rem;font-weight:500}.legal-page-section p{color:#cbd5e1;margin:0;font-size:.9rem}.desktop-dock{-webkit-backdrop-filter:blur(20px);z-index:101;background:#0f0f0f99;border:1px solid #ffffff1a;border-radius:24px;gap:16px;padding:10px 16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.dock-btn{font-family:var(--font-family-title);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.dock-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.dock-btn:active{transform:translateY(0)}.dock-btn.active{color:#000;background:#fff;border-color:#fff;box-shadow:0 8px 24px #fff3}.dock-btn.active:hover{color:#000;background:#ffffffe6}.desktop-floating-panels{z-index:100;pointer-events:none;flex-direction:row;justify-content:center;align-items:flex-end;gap:24px;width:90%;max-width:900px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.desktop-floating-panel-card{pointer-events:auto;-webkit-backdrop-filter:blur(32px);box-sizing:border-box;background:#030303f2;border:1px solid #ffffff1f;border-radius:20px;flex:1;min-width:0;max-width:420px;height:480px;overflow:hidden;box-shadow:0 24px 60px #000000d9}.desktop-floating-panel-card>.task-list-panel,.desktop-floating-panel-card>.speed-notes-panel{width:100%!important;height:100%!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:column!important;display:flex!important;position:static!important;overflow:hidden!important;transform:none!important}.desktop-floating-panel-card .task-list-sheet-body,.desktop-floating-panel-card .speed-notes-sheet-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.focus-timer-area{touch-action:manipulation;-webkit-user-select:none;user-select:none;justify-content:center!important;align-items:center!important;padding:0 4px!important}.focus-timer-area .clock-section-full{flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important}.timer-frame{--timer-card-pad-x:20px;--timer-card-pad-y:16px;--timer-card-max-h:calc(100dvh - var(--chrome-height) - var(--task-list-swipe-zone) - var(--quick-notes-swipe-zone) - 20px);touch-action:manipulation;-webkit-user-select:none;user-select:none;width:min(96vw,760px)!important;min-width:0!important;max-width:96vw!important;height:var(--timer-card-max-h)!important;max-height:var(--timer-card-max-h)!important;min-height:0!important;padding:var(--timer-card-pad-y) var(--timer-card-pad-x)!important;contain:none!important;box-sizing:border-box!important;flex-direction:column!important;flex:none!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin:auto!important;display:flex!important;overflow:visible!important}.clock-section-full{touch-action:manipulation;flex:auto!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;min-height:0!important}.timer-ring-stage{box-sizing:border-box;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;padding:4px 0;display:flex;container:timer-ring/size}.clock-section-full .clock-ring-wrapper{aspect-ratio:1!important;contain:none!important;isolation:isolate!important;flex:none!important;justify-content:center!important;align-items:center!important;width:min(100%,78vmin)!important;max-width:100%!important;height:min(100%,78vmin)!important;max-height:100%!important;margin:0 auto!important;padding:0!important;display:flex!important;overflow:visible!important}@supports (width:1cqw){.clock-section-full .clock-ring-wrapper{width:min(100cqw,100cqh)!important;height:min(100cqw,100cqh)!important}.clock-section-full .digits{font-size:clamp(2.6rem,22cqmin,5.5rem)!important}}.clock-section-full .clock-ring-always-big{aspect-ratio:1!important;touch-action:none!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;position:relative!important;overflow:visible!important}.clock-section-full .ring-svg{width:100%!important;height:100%!important;display:block!important;overflow:visible!important;transform:rotate(-90deg)!important}.clock-section-full .glowing-ring{filter:drop-shadow(0 0 4px #ffffff40)!important}.clock-section-full .clock-ring-always-big.scrubbing .glowing-ring{filter:drop-shadow(0 0 8px #fff6)!important}.clock-section-full .clock-inner{pointer-events:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:auto!important;max-width:72%!important;margin:auto!important;padding:0 8px!important;display:flex!important;position:absolute!important;inset:0!important;overflow:hidden!important}.clock-section-full .digits{letter-spacing:-.04em!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;max-width:100%!important;font-size:clamp(2.6rem,14vmin,5.5rem)!important;font-weight:700!important;line-height:.92!important}.clock-section-full .mode-lbl-ring{letter-spacing:.22em!important;width:auto!important;max-width:100%!important;font-size:clamp(10px,2.2vmin,14px)!important}.clock-section-full .timer-session-cue{max-width:100%!important;font-size:clamp(9px,2vmin,12px)!important}.clock-scrub-arm{transform-origin:bottom;pointer-events:none;z-index:4;width:0;height:46%;margin-left:0;position:absolute;bottom:50%;left:50%}.clock-scrub-knob{pointer-events:none;opacity:0;background:#fff;border:2px solid #000000a6;border-radius:50%;transition:opacity .15s;position:absolute;top:0;left:0;box-shadow:0 0 10px #ffffff80;transform-origin:50%!important;width:20px!important;height:20px!important;margin:-10px 0 0 -10px!important;transform:none!important}.clock-ring-always-big.scrubbing .clock-scrub-knob{opacity:1!important}.clock-section-full .clock-controls{flex-wrap:wrap!important;flex:none!important;justify-content:center!important;gap:10px!important;width:100%!important;max-width:100%!important;margin-top:0!important}@media (max-width:1024px),(pointer:coarse){.timer-frame{--timer-card-pad-x:16px;--timer-card-pad-y:12px;width:min(98vw,760px)!important}}@media (min-width:601px) and (max-width:1024px),(min-width:601px) and (pointer:coarse){.timer-frame{--timer-card-pad-x:24px;--timer-card-pad-y:18px;width:min(94vw,820px)!important}.clock-section-full .digits{font-size:clamp(3rem,13vmin,6rem)!important}}@media (min-width:901px){.timer-frame{width:min(88vw,820px)!important}}