:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--canvas:#fbfbfc;--canvas-grid:#d9dce5;--panel:#fff;--panel-soft:#f7f7fa;--panel-raised:#fbfbfd;--text:#2d3038;--text-soft:#626674;--text-muted:#9a9da9;--border:#d7d9e2;--border-soft:#eceef4;--accent:#e04c25;--accent-soft:#fcefeb;--focus:#e66c4c;--success:#65d98d;--success-strong:#1f9e55;--danger:#cf3d45;--shadow-flat:0 1px 0 #dee2ebad;--shadow-soft:0 20px 60px #dee2eb2e;--radius-small:.75rem;--radius-button:1.125rem;--radius-pill:999rem;--radius-shell:2rem;--motion-fast:.15s ease;--motion-medium:.26s ease;font-family:var(--font-sans)}*,:before,:after{box-sizing:border-box}html{background:var(--canvas);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;min-height:100%}body{background:radial-gradient(circle at 1px 1px, #d9dce557 1px, transparent 0) 0 0 / 32px 32px, var(--canvas);min-height:100vh;color:var(--text-soft);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}[contenteditable=true]:focus,[contenteditable=true]:focus-visible{box-shadow:none;outline:none}button,label,select{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;display:block}.suite-page,.auth-page,.pomodoro-page,.box-breathing-page,.scratchpad-page,.kanban-page{min-height:100vh;overflow-x:hidden}.suite-page{display:block}.suite-shell{gap:var(--space-6);width:min(100%,56rem);padding:var(--space-7) clamp(1rem, 5vw, 3.5rem) 4rem;margin-inline:auto;display:grid}.suite-header{gap:var(--space-3);margin-bottom:var(--space-5);display:grid}.eyebrow,.mono-label,.timer-time,.breathing-time{font-family:var(--font-mono)}.eyebrow,.mono-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:500;line-height:1.32}.suite-header h1{max-width:42rem;color:var(--text);letter-spacing:0;margin:0;font-size:1.6rem;font-weight:450;line-height:1.24}.suite-section{gap:var(--space-3);display:grid}.tool-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.tool-card{align-items:center;gap:var(--space-4);min-height:6.5rem;padding:var(--space-4);border:2px solid var(--border);border-radius:var(--radius-small);background:var(--panel);transition:transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast);grid-template-columns:auto 1fr;display:grid}.tool-card-ready:hover,.tool-card-ready:focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--accent-soft) 36%, var(--panel));outline:none;transform:translateY(-1px)}.tool-card-soon{color:var(--text-muted);background:var(--panel-soft)}.tool-card-icon{width:3rem;height:3rem;color:var(--accent);background:var(--accent-soft);border-radius:1rem;place-items:center;display:grid}.tool-card-icon svg{width:1.35rem;height:1.35rem}.tool-card strong,.tool-card small{display:block}.tool-card strong{color:var(--text);font-size:1.1rem;font-weight:500;line-height:1.1}.tool-card small{color:var(--text-muted);margin-top:.25rem;font-size:.86rem;line-height:1.5}.pomodoro-app,.breathing-app,.scratchpad-app,.kanban-app,.auth-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.pomodoro-app{grid-template-rows:auto auto 1fr}.app-bar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.25rem;padding:var(--space-3) clamp(1rem, 4vw, 3.5rem);color:var(--text-soft);font-size:.94rem;font-weight:450;display:flex}.app-bar-pill{align-items:center;gap:var(--space-3);border:2px solid var(--accent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel) 86%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex:0 auto;max-width:min(100%,32rem);min-height:2.75rem;padding:.2rem .95rem .2rem .85rem;display:inline-flex}.app-bar-brand{color:var(--text);grid-auto-flow:column;align-items:center;gap:.65rem;font-weight:550;display:inline-grid}.app-bar-brand:before{content:"";border-radius:var(--radius-pill);background:var(--accent);width:.85rem;height:.85rem}.app-bar-tool{min-width:0;padding-left:var(--space-3);border-left:1px solid color-mix(in srgb, var(--accent) 36%, var(--border));color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-weight:450;overflow:hidden}.app-bar-actions{align-items:center;gap:var(--space-2);display:flex}.app-bar-right{justify-content:flex-end;align-items:center;gap:var(--space-2);flex:0 auto;min-width:0;margin-left:auto;display:flex}.app-bar-actions form{margin:0}.app-bar a:focus-visible,.menu-trigger:focus-visible,.text-button:focus-visible,.account-menu-item:focus-visible,.auth-submit:focus-visible,.activity-scroll:focus-visible{outline-offset:4px;outline:3px solid #e66c4c38}.text-button{border:2px solid var(--border);background:var(--panel);min-height:2.5rem;color:var(--text-soft);font:inherit;box-shadow:var(--shadow-flat);cursor:pointer;transition:transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast);border-radius:1rem;place-items:center;padding:.65rem .95rem;font-size:.88rem;font-weight:500;line-height:1;display:inline-grid}.account-menu{position:relative}.menu-trigger{border:2px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel) 86%, transparent);width:2.75rem;height:2.75rem;color:var(--text-soft);box-shadow:var(--shadow-flat);cursor:pointer;transition:transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);place-items:center;list-style:none;display:grid}.menu-trigger::-webkit-details-marker{display:none}.menu-trigger:hover,.account-menu[open] .menu-trigger{border-color:color-mix(in srgb, var(--accent) 46%, var(--border));transform:translateY(-1px)}.menu-trigger svg{stroke-width:2.4px;width:1.25rem;height:1.25rem}.account-menu-panel{z-index:20;top:calc(100% + var(--space-2));gap:var(--space-1);width:min(16rem,100vw - 2rem);padding:var(--space-2);border:2px solid var(--border);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:1rem;display:grid;position:absolute;right:0}.account-menu-item{width:100%;min-height:2.45rem;padding:0 var(--space-3);color:var(--text-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.7rem;align-items:center;font-size:.9rem;font-weight:500;display:flex}.account-menu-item:hover,.account-menu-item:focus-visible{background:var(--panel-soft);outline:none}.text-button:hover,.text-button:focus-visible{border-color:color-mix(in srgb, var(--accent) 46%, var(--border));outline:none;transform:translateY(-1px)}.text-button-primary{border-color:var(--text);background:var(--text);color:var(--canvas)}.notice{color:var(--accent);margin:0;font-size:.94rem;font-weight:500}.notice-floating{padding:var(--space-4) clamp(1rem, 4vw, 3.5rem) 0}.auth-panel{place-self:center;gap:var(--space-5);width:min(100%,32rem);padding:var(--space-6);display:grid}.account-panel{margin-top:var(--space-7);align-self:start}.auth-panel h1{color:var(--text);letter-spacing:0;margin:0;font-size:3.5rem;font-weight:500;line-height:1}.auth-form{gap:var(--space-3);display:grid}.auth-form label{color:var(--text-soft);font-size:.86rem;font-weight:500}.auth-form input{border:2px solid var(--border);border-radius:var(--radius-pill);width:100%;min-height:3.75rem;color:var(--text);background:var(--panel);padding:0 1.25rem;font-size:1rem}.auth-form input:focus{border-color:var(--focus);outline:none;box-shadow:0 0 0 4px #e66c4c2e}.auth-submit{min-height:3.75rem;margin-top:var(--space-2);border:2px solid var(--text);border-radius:var(--radius-button);background:var(--text);color:var(--canvas);font:inherit;cursor:pointer;font-weight:600}.form-error{color:var(--danger);margin:0;font-size:.9rem;font-weight:500}.account-list{gap:var(--space-3);margin:0;display:grid}.account-list div{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-soft);display:grid}.account-list dt,.account-section h2{margin:0}.account-list dt{color:var(--text-muted);font-size:.82rem;font-weight:500}.account-list dd{color:var(--text);margin:0;font-size:1rem;font-weight:450}.account-section{gap:var(--space-3);display:grid}.timer-panel{width:min(100% - 2rem,72rem);min-height:15rem;margin-top:var(--space-7);border:2px solid color-mix(in srgb, var(--accent) 38%, var(--border));border-radius:var(--radius-shell);background:var(--panel);box-shadow:var(--shadow-soft);place-self:start center;position:relative;overflow:hidden}.tool-panel-header{z-index:1;padding:var(--space-5) var(--space-6) 0;justify-content:space-between;align-items:center;display:flex;position:relative}.timer-progress{width:calc(var(--timer-progress,0) * 100%);background:color-mix(in srgb, var(--accent-soft) 74%, var(--accent));transition:width .22s linear;position:absolute;inset:0 auto 0 0}.timer-content{z-index:1;align-items:end;gap:var(--space-5);min-height:12.5rem;padding:var(--space-5) var(--space-6) var(--space-6);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.timer-time-wrap{min-width:0}.timer-time{width:min(100%,7ch);min-height:.9em;color:var(--accent);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:0;text-align:left;white-space:nowrap;cursor:text;background:0 0;padding:0;font-size:7rem;font-weight:450;line-height:.86}.timer-time[aria-disabled=true]{cursor:default}.timer-time[contenteditable=true]{caret-color:var(--accent)}.timer-actions,.breathing-actions{gap:var(--space-3);grid-auto-flow:column;display:inline-grid}.icon-button,.breathing-button{border:2px solid var(--border);border-radius:var(--radius-button);width:3.25rem;height:3.25rem;color:var(--text-soft);background:var(--panel);box-shadow:var(--shadow-flat);cursor:pointer;transition:transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);place-items:center;display:grid}.icon-button:hover,.icon-button:focus-visible,.breathing-button:hover,.breathing-button:focus-visible{border-color:color-mix(in srgb, var(--accent) 56%, var(--border));outline:none;transform:translateY(-1px)}.icon-button svg,.breathing-button svg{stroke-width:2.4px;width:1.6rem;height:1.6rem}.icon-button-primary,.breathing-button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.icon-pause,.is-running .icon-play{display:none}.is-running .icon-pause{display:block}.activity-shell{gap:var(--space-3);width:min(100%,82rem);padding:var(--space-7) clamp(1rem, 4vw, 3.5rem) 4rem;align-content:start;justify-items:center;margin-inline:auto;display:grid}.activity-header{justify-content:space-between;align-items:center;width:min(100%,72rem);display:flex}.activity-scroll{justify-content:center;width:100%;padding:.25rem 0 .75rem;display:grid;overflow-x:auto}.activity-grid{--cell:clamp(.72rem, .95vw, .95rem);--gap:clamp(.18rem, .35vw, .35rem);grid-template-columns:2.5rem repeat(var(--week-count,14), var(--cell));grid-template-rows:1.5rem repeat(7, var(--cell));gap:var(--gap);align-items:center;min-width:max-content;display:grid}.month-label,.day-label{color:var(--text-muted);font-size:.78rem;line-height:1}.month-label{align-self:end}.day-label{padding-right:var(--space-1);justify-self:end}.activity-cell{width:var(--cell);height:var(--cell);background:color-mix(in srgb, var(--text-muted) 16%, var(--panel));border:0;border-radius:0}.activity-cell[data-level="1"]{background:color-mix(in srgb, var(--success) 28%, var(--panel))}.activity-cell[data-level="2"]{background:color-mix(in srgb, var(--success) 52%, var(--panel))}.activity-cell[data-level="3"]{background:var(--success)}.activity-cell[data-level="4"]{background:var(--success-strong)}.activity-cell-outside-window{opacity:.34}.breathing-stage{min-height:0;padding:var(--space-7) clamp(1rem, 4vw, 3.5rem);place-items:center;display:grid}.breathing-layout{justify-items:center;gap:var(--space-5);display:grid}.breathing-square{--breath-x:0px;--breath-y:0px;aspect-ratio:1;border:3px solid var(--accent);border-radius:var(--radius-shell);width:min(100%,26rem);min-width:16rem;color:var(--accent);place-items:center;display:grid;position:relative}.breathing-orbit{pointer-events:none;position:absolute;inset:0}.breathing-dot{left:var(--breath-x);top:var(--breath-y);border-radius:var(--radius-pill);background:var(--accent);will-change:left, top;width:1.35rem;height:1.35rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 .45rem #e04c2529}.breathing-center{place-items:center;gap:var(--space-3);display:grid}.breathing-phase{min-height:1.2rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:500;line-height:1.2}.breathing-time{font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;min-width:5.2ch;font-size:4.2rem;font-weight:300;line-height:1}[data-breathing-reset]{display:none}.has-started [data-breathing-reset]{display:grid}.scratchpad-editor{resize:none;width:min(100%,74rem);min-height:0;padding:var(--space-7) clamp(1rem, 5vw, 4rem);color:var(--text);letter-spacing:0;background:0 0;border:0;justify-self:center;font-family:inherit;font-size:1.35rem;line-height:1.58}.scratchpad-stage{grid-template-rows:auto 1fr;align-content:start;min-height:0;display:grid}.scratchpad-head{justify-content:space-between;justify-self:center;align-items:center;gap:var(--space-3);width:min(100%,74rem);padding:var(--space-7) clamp(1rem, 5vw, 4rem) 0;display:flex}.kanban-shell{gap:var(--space-4);min-height:0;padding-bottom:var(--space-5);grid-template-rows:auto minmax(0,1fr);display:grid}.kanban-head{justify-content:space-between;justify-self:center;align-items:center;gap:var(--space-3);width:min(100%,96rem);padding:var(--space-5) clamp(1rem, 4vw, 3.5rem) 0;display:flex}.kanban-workspace{gap:var(--space-4);grid-template-columns:minmax(0,1fr);min-height:0;padding-inline:clamp(1rem,4vw,3.5rem);display:grid}.kanban-board{align-items:start;gap:var(--space-3);min-height:26rem;padding:var(--space-1) 0 var(--space-4);scroll-padding-inline:var(--space-3);grid-auto-columns:minmax(17rem,21rem);grid-auto-flow:column;display:grid;overflow-x:auto}.kanban-list{gap:var(--space-3);min-height:14rem;padding:var(--space-3);border:2px solid var(--border);background:color-mix(in srgb, var(--panel) 94%, transparent);box-shadow:var(--shadow-flat);border-radius:.5rem;grid-template-rows:auto minmax(4rem,1fr) auto;display:grid}.kanban-list.is-drop-target{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));background:color-mix(in srgb, var(--accent-soft) 34%, var(--panel))}.kanban-list-head{align-items:start;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.kanban-list-title,.kanban-card-title{min-width:0;min-height:2rem;color:var(--text);overflow-wrap:anywhere;cursor:text;border-radius:.35rem;padding:.32rem .1rem;line-height:1.28}.kanban-list-title{font-size:1rem;font-weight:650}.kanban-card-title{font-size:.94rem;font-weight:500}.kanban-card.is-selected .kanban-card-title{padding-right:2.35rem}.kanban-list-title[data-empty=true]:before,.kanban-card-title[data-empty=true]:before{content:attr(data-placeholder);color:var(--text-muted)}.kanban-cards{align-content:start;gap:var(--space-2);min-height:5rem;display:grid}.kanban-drop-indicator{border:1px dashed color-mix(in srgb, var(--accent) 56%, var(--border));background:color-mix(in srgb, var(--accent-soft) 44%, transparent);border-radius:.5rem;min-height:3.25rem}.kanban-card{gap:var(--space-1);min-width:0;padding:var(--space-3);border:1px solid var(--border-soft);background:var(--panel);box-shadow:var(--shadow-flat);cursor:grab;touch-action:none;transition:border-color var(--motion-fast), opacity var(--motion-fast);border-radius:.5rem;display:grid;position:relative}.kanban-card.is-selected{border-color:color-mix(in srgb, var(--accent) 46%, var(--border))}.kanban-card.is-pressing{border-color:color-mix(in srgb, var(--accent) 38%, var(--border))}.kanban-card.is-pointer-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;z-index:25;box-shadow:var(--shadow-soft);will-change:transform;transition:none;position:relative}.kanban-card.is-pointer-dragging .kanban-card-title{cursor:grabbing}.kanban-icon-action{border:1px solid var(--border);background:var(--panel-raised);width:2rem;height:2rem;color:var(--text-soft);font:inherit;cursor:pointer;border-radius:.5rem;place-items:center;font-size:.88rem;font-weight:650;line-height:1;display:grid}.kanban-card-delete{top:var(--space-2);right:var(--space-2);position:absolute}.kanban-card-delete[hidden]{display:none}.kanban-card-open{z-index:2;width:max-content;min-height:1.6rem;color:var(--text-muted);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;margin:-.1rem 0 0 -.15rem;padding:.1rem .25rem;font-size:.96rem;font-weight:650;line-height:1;position:relative}.kanban-icon-action:hover,.kanban-icon-action:focus-visible,.kanban-card-open:hover,.kanban-card-open:focus-visible,.kanban-add-card:hover,.kanban-add-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 52%, var(--border));color:var(--text);outline:none}.kanban-add-card{border:1px dashed var(--border);width:100%;min-height:2.65rem;color:var(--text-soft);font:inherit;background:0 0;border-radius:.5rem;font-size:.9rem;font-weight:550}.kanban-document{z-index:30;border-left:1px solid var(--border);background:var(--panel);grid-template-rows:auto minmax(0,1fr);width:min(30rem,100vw);display:grid;position:fixed;inset:0 0 0 auto}.kanban-document[hidden]{display:none}.kanban-document-head{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4) 0;display:flex}.kanban-document-head .mono-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kanban-document-close{width:2.25rem;height:2.25rem;box-shadow:none;border:0;border-radius:.5rem}.kanban-document-close svg{width:1.1rem;height:1.1rem}.kanban-document-editor{resize:none;min-width:0;min-height:0;padding:var(--space-4);color:var(--text);font:inherit;background:0 0;border:0;font-size:1rem;line-height:1.55}.kanban-document-editor:focus{outline:none}.cloud-status{border:2px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel) 92%, transparent);max-width:min(34rem,62vw);min-height:2.5rem;color:var(--text-soft);text-align:left;white-space:normal;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:.65rem;margin:0;padding:.45rem .9rem;font-size:.82rem;font-weight:500;line-height:1.35;display:inline-flex}.cloud-status-message{min-width:0}.cloud-status-button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--panel-strong);min-height:1.65rem;color:var(--text);font:inherit;cursor:pointer;flex:none;padding:.2rem .55rem;font-size:.75rem}.cloud-status-button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 38%, transparent);outline-offset:2px}.cloud-status:before{content:"";border-radius:var(--radius-pill);background:var(--danger);width:.7rem;height:.7rem;box-shadow:0 0 0 .32rem color-mix(in srgb, var(--danger) 18%, transparent);flex:none}.cloud-status[hidden]{display:none}.scratchpad-editor::placeholder{color:var(--text-muted)}.scratchpad-editor:focus{outline:none}@media (width<=720px){.suite-page{padding-block:0}.suite-header h1{font-size:1.35rem}.auth-panel h1{font-size:3rem}.suite-shell{padding-top:var(--space-6)}.app-bar{min-height:auto;padding-block:var(--space-3)}.app-bar-actions{justify-content:flex-end;margin-left:auto}.app-bar-pill{max-width:calc(100% - 4rem)}.app-bar-right{max-width:100%}.cloud-status{max-width:min(18rem,52vw)}.timer-panel{width:min(100% - 1.5rem,72rem);min-height:13rem;margin-top:var(--space-5);border-radius:1.35rem}.timer-content{align-items:end;gap:var(--space-4);min-height:11rem;padding:var(--space-4) var(--space-5) var(--space-5);grid-template-columns:1fr}.tool-panel-header{padding:var(--space-4) var(--space-5) 0}.timer-actions{top:var(--space-4);right:var(--space-4);justify-self:end;position:absolute}.icon-button,.breathing-button{border-radius:.95rem;width:2.75rem;height:2.75rem}.icon-button svg,.breathing-button svg{width:1.35rem;height:1.35rem}.timer-time{width:100%;padding-right:6rem;font-size:4rem}.activity-shell{padding-top:var(--space-5)}.activity-header{width:100%}.activity-scroll{justify-content:start}.activity-grid{--cell:.62rem;--gap:.18rem;grid-template-columns:1.85rem repeat(var(--week-count,14), var(--cell));grid-template-rows:1.25rem repeat(7, var(--cell))}.month-label,.day-label{font-size:.68rem}.breathing-stage{padding-top:var(--space-5);align-items:start}.breathing-square{border-radius:1.35rem;width:min(100%,21rem);min-width:15.5rem}.breathing-time{font-size:3.35rem}.scratchpad-editor{padding-block:var(--space-5);font-size:1.12rem}.scratchpad-head{padding-top:var(--space-5);flex-direction:column;align-items:flex-start}.kanban-head{padding-top:var(--space-4);flex-direction:column;align-items:flex-start}.kanban-workspace{grid-template-columns:minmax(0,1fr)}.kanban-board{grid-auto-columns:minmax(15.5rem,82vw);min-height:21rem}.cloud-status{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}