:root{--dt-color-channel-black:0, 0, 0;--dt-color-channel-neutral:128, 128, 128;--dt-color-channel-scrim:10, 14, 26;--dt-color-channel-shadow-light:0, 0, 0;--dt-color-channel-white:255, 255, 255;--dt-component-button-action-height:29px;--dt-component-button-compact-height:22px;--dt-component-button-radius:8px;--dt-component-button-standard-height:26px;--dt-component-calendar-outlook-pane-width:292px;--dt-component-calendar-today-compact-min-height:520px;--dt-component-card-gap:8px;--dt-component-card-padding:12px;--dt-component-card-radius:12px;--dt-component-dialog-edge-gap:16px;--dt-component-dialog-extra-large-max-width:1100px;--dt-component-dialog-large-max-width:800px;--dt-component-dialog-medium-max-width:600px;--dt-component-dialog-small-max-width:440px;--dt-component-drawer-archive-width:380px;--dt-component-drawer-task-center-offset:390px;--dt-component-drawer-task-width:780px;--dt-component-editor-content-min-height:240px;--dt-component-editor-draft-height:320px;--dt-component-editor-empty-min-height:220px;--dt-component-editor-feedback-min-height:164px;--dt-component-editor-frame-min-height:280px;--dt-component-editor-rich-text-min-height:236px;--dt-component-empty-state-content-max-width:360px;--dt-component-empty-state-gap:12px;--dt-component-field-compact-width:168px;--dt-component-field-gap:4px;--dt-component-field-height:33px;--dt-component-field-padding-inline:12px;--dt-component-field-radius:8px;--dt-component-focus-ring-offset:2px;--dt-component-focus-ring-width:2px;--dt-component-header-cluster-control-inset:6px;--dt-component-header-cluster-padding:2px;--dt-component-header-control-size:33px;--dt-component-header-icon-size:16px;--dt-component-header-view-segment-item-width:34px;--dt-component-header-week-picker-width:136px;--dt-component-list-row-gap:8px;--dt-component-list-row-min-height:32px;--dt-component-list-row-padding-inline:12px;--dt-component-navigation-item-min-height:44px;--dt-component-navigation-rail-width:50px;--dt-component-panel-gap:8px;--dt-component-panel-padding:16px;--dt-component-panel-radius:12px;--dt-component-popover-avatar-menu-width:212px;--dt-component-popover-capture-min-width:214px;--dt-component-popover-command-width:232px;--dt-component-popover-compact-width:190px;--dt-component-popover-filter-width:288px;--dt-component-popover-note-menu-min-width:248px;--dt-component-popover-priority-min-width:292px;--dt-component-popover-project-picker-min-width:210px;--dt-component-popover-quick-action-width:280px;--dt-component-popover-section-menu-min-width:175px;--dt-component-popover-standard-width:220px;--dt-component-popover-wide-width:320px;--dt-component-premium-visual-card-min-height:260px;--dt-component-premium-visual-checkout-qr-border:#d9770659;--dt-component-premium-visual-checkout-qr-shadow:0 14px 30px #d977062e;--dt-component-premium-visual-compare-min-width:420px;--dt-component-premium-visual-dark-card-background:#ffc8780d;--dt-component-premium-visual-dark-card-border:#ffc8781f;--dt-component-premium-visual-dark-checkout-qr-border:#facc784d;--dt-component-premium-visual-dark-checkout-qr-shadow:0 14px 30px #00000059;--dt-component-premium-visual-dark-offer-background:#e696281f;--dt-component-premium-visual-dark-offer-border:#ffc87824;--dt-component-premium-visual-dark-page-background:radial-gradient(circle at 92% 4%, #e6962829, transparent 24%), #211a12;--dt-component-premium-visual-dark-plan-featured-background:linear-gradient(160deg, #facc7829, #7c3f0d1a);--dt-component-premium-visual-dark-plan-featured-border:#facc7852;--dt-component-premium-visual-donation-background:radial-gradient(circle at 86% 22%, #ffc87840, transparent 29%), linear-gradient(135deg, #3a1d09, #8a4a10);--dt-component-premium-visual-donation-border:#e6962840;--dt-component-premium-visual-donation-strong:#fff8ef;--dt-component-premium-visual-donation-text:#f3ddbc;--dt-component-premium-visual-halo-background:radial-gradient(circle at 35% 25%, #ffd28a, #d9800a 64%, #7a3c07);--dt-component-premium-visual-halo-border:#ffd6964d;--dt-component-premium-visual-halo-shadow:0 0 0 24px #e6962817, 0 18px 36px #3218044d;--dt-component-premium-visual-halo-size:190px;--dt-component-premium-visual-orb-background:linear-gradient(145deg, #f0a94e, #d97706);--dt-component-premium-visual-orb-border:#d9770659;--dt-component-premium-visual-orb-shadow:0 12px 24px #b45b0847;--dt-component-premium-visual-pill-background:#ffffff1a;--dt-component-premium-visual-pill-border:#ffd69638;--dt-component-premium-visual-pill-text:#ffe9c7;--dt-component-premium-visual-plan-featured-background:linear-gradient(160deg, #d9770624, #facc780d);--dt-component-premium-visual-plan-featured-badge-background:linear-gradient(135deg, #f59e0b, #d97706);--dt-component-premium-visual-plan-featured-border:#d9770661;--dt-component-premium-visual-progress-fill:#ffb454;--dt-component-premium-visual-progress-track:#ffffff29;--dt-component-premium-visual-project-card-width:188px;--dt-component-premium-visual-qr-border:#fff6;--dt-component-premium-visual-qr-frame-size:264px;--dt-component-premium-visual-qr-shadow:0 18px 35px #28120352;--dt-component-premium-visual-qr-size:236px;--dt-component-premium-visual-showcase-background:radial-gradient(circle at 86% 15%, #facc7859, transparent 28%), linear-gradient(135deg, #2b1608, #7c3f0d);--dt-component-premium-visual-showcase-border:#e6962847;--dt-component-premium-visual-showcase-min-height:290px;--dt-component-premium-visual-showcase-visual-compact-min-height:205px;--dt-component-premium-visual-showcase-visual-min-height:222px;--dt-component-premium-visual-text-body:#f0dcc0;--dt-component-premium-visual-text-kicker:#ffd9a0;--dt-component-premium-visual-visual-line:#c97a1c;--dt-component-premium-visual-visual-line-accent:#ffb454;--dt-component-premium-visual-visual-muted:#e8c99a;--dt-component-premium-visual-visual-note-background:#ffe1ad;--dt-component-premium-visual-visual-note-text:#5a3410;--dt-component-premium-visual-visual-text:#fff6ea;--dt-component-search-expanded-width:160px;--dt-component-search-note-width:220px;--dt-component-settings-expanded-height:660px;--dt-component-settings-expanded-width:820px;--dt-component-settings-menu-width:292px;--dt-component-sync-action-width:168px;--dt-component-workspace-anti-paint-meta-min-width:180px;--dt-component-workspace-list-peek-min-width:210px;--dt-component-workspace-weekly-card-min-height:220px;--dt-dimension-control-action:29px;--dt-dimension-control-compact:22px;--dt-dimension-control-header:33px;--dt-dimension-control-standard:26px;--dt-dimension-header-search-min:260px;--dt-dimension-icon-context:14px;--dt-dimension-icon-control:16px;--dt-dimension-icon-navigation:20px;--dt-dimension-radius-control:8px;--dt-dimension-radius-full:9999px;--dt-dimension-radius-panel:12px;--dt-dimension-radius-window:12px;--dt-dimension-rail-compact:50px;--dt-dimension-rail-expanded:200px;--dt-dimension-resizer-hit:7px;--dt-dimension-resizer-line:1px;--dt-dimension-row-list:32px;--dt-dimension-space-1:4px;--dt-dimension-space-2:8px;--dt-dimension-space-3:12px;--dt-dimension-space-4:16px;--dt-font-family-ui:Segoe UI, system-ui, -apple-system, Roboto, Arial, sans-serif;--dt-layout-calendar-compact-day-min-width:144px;--dt-layout-calendar-compact-month-day-min-width:76px;--dt-layout-layer-alert:1200;--dt-layout-layer-header:20;--dt-layout-layer-modal:1000;--dt-layout-layer-notification:800;--dt-layout-layer-popover:100;--dt-layout-layer-system:1300;--dt-layout-layer-toast:1400;--dt-layout-shell-compact-min-width:560px;--dt-layout-shell-gap:8px;--dt-layout-shell-large-text-min-width:660px;--dt-layout-shell-medium-min-width:760px;--dt-layout-shell-wide-min-width:1040px;--dt-layout-touch-target-comfortable:44px;--dt-layout-touch-target-minimum:24px;--dt-material-acrylic-alpha-content:.88;--dt-material-acrylic-alpha-header:.78;--dt-material-acrylic-alpha-shell:.7;--dt-material-acrylic-blur:20px;--dt-material-acrylic-saturate:1.4;--dt-material-acrylic-scrim:.5;--dt-material-acrylic-scrim-dark:.45;--dt-material-acrylic-t:.55;--dt-material-focus-alpha-content:.98;--dt-material-focus-alpha-header:.92;--dt-material-focus-alpha-shell:.92;--dt-material-focus-blur:8px;--dt-material-focus-saturate:1.1;--dt-material-focus-scrim:.62;--dt-material-focus-scrim-dark:.55;--dt-material-focus-t:.25;--dt-material-glass-alpha-content:.78;--dt-material-glass-alpha-header:.64;--dt-material-glass-alpha-shell:.52;--dt-material-glass-blur:30px;--dt-material-glass-saturate:1.6;--dt-material-glass-scrim:.38;--dt-material-glass-scrim-dark:.35;--dt-material-glass-t:.8;--dt-material-solid-alpha-content:1;--dt-material-solid-alpha-header:1;--dt-material-solid-alpha-shell:1;--dt-material-solid-blur:0px;--dt-material-solid-saturate:1;--dt-material-solid-scrim:0;--dt-material-solid-t:0;--dt-motion-duration-fast:.12s;--dt-motion-duration-standard:.18s;--dt-motion-easing-standard:cubic-bezier(.2, .8, .2, 1);--dt-semantic-color-dark-action-accent:#4f9cf9;--dt-semantic-color-dark-action-accent-rgb:79, 156, 249;--dt-semantic-color-dark-action-accent-solid:#2b74c4;--dt-semantic-color-dark-action-accent-solid-rgb:43, 116, 196;--dt-semantic-color-dark-action-active:#4f9cf91a;--dt-semantic-color-dark-action-hover:#ffffff0f;--dt-semantic-color-dark-action-on-accent:#fff;--dt-semantic-color-dark-border-default:rgba(232, 234, 237, calc(.16 + .08 * var(--t)));--dt-semantic-color-dark-border-divider:rgba(232, 234, 237, calc(.1 + .06 * var(--t)));--dt-semantic-color-dark-border-divider-static:#e8eaed1f;--dt-semantic-color-dark-brand-calendar:#ff9b6a;--dt-semantic-color-dark-brand-google:#8ab4f8;--dt-semantic-color-dark-brand-outlook:#7ec8f0;--dt-semantic-color-dark-brand-premium:#f4c95d;--dt-semantic-color-dark-brand-teams:#a6a8ff;--dt-semantic-color-dark-brand-webex:#65d2aa;--dt-semantic-color-dark-brand-zoom:#74b7ff;--dt-semantic-color-dark-brand-rgb-calendar:255, 155, 106;--dt-semantic-color-dark-brand-rgb-google:138, 180, 248;--dt-semantic-color-dark-brand-rgb-outlook:126, 200, 240;--dt-semantic-color-dark-brand-rgb-premium:244, 201, 93;--dt-semantic-color-dark-brand-rgb-teams:166, 168, 255;--dt-semantic-color-dark-brand-rgb-webex:101, 210, 170;--dt-semantic-color-dark-brand-rgb-zoom:116, 183, 255;--dt-semantic-color-dark-category-blue-bar:#38bdf8;--dt-semantic-color-dark-category-blue-bg:#38bdf82e;--dt-semantic-color-dark-category-blue-fg:#bae6fd;--dt-semantic-color-dark-category-green-bar:#4ade80;--dt-semantic-color-dark-category-green-bg:#4ade802e;--dt-semantic-color-dark-category-green-fg:#bbf7d0;--dt-semantic-color-dark-category-orange-bar:#fb923c;--dt-semantic-color-dark-category-orange-bg:#fb923c2e;--dt-semantic-color-dark-category-orange-fg:#fed7aa;--dt-semantic-color-dark-category-pink-bar:#fb7185;--dt-semantic-color-dark-category-pink-bg:#fb71852e;--dt-semantic-color-dark-category-pink-fg:#fecdd3;--dt-semantic-color-dark-category-purple-bar:#a78bfa;--dt-semantic-color-dark-category-purple-bg:#a78bfa2e;--dt-semantic-color-dark-category-purple-fg:#ddd6fe;--dt-semantic-color-dark-focus-ring:#4f9cf957;--dt-semantic-color-dark-ink:255, 255, 255;--dt-semantic-color-dark-module-tone-admin:#f57373;--dt-semantic-color-dark-module-tone-art:#46c3de;--dt-semantic-color-dark-module-tone-capture:#43c9ba;--dt-semantic-color-dark-module-tone-dashboard:#40c99a;--dt-semantic-color-dark-module-tone-note:#b393f9;--dt-semantic-color-dark-module-tone-paint:#f277ae;--dt-semantic-color-dark-module-tone-premium:#e2b73f;--dt-semantic-color-dark-module-tone-project:#93a0f5;--dt-semantic-color-dark-module-tone-quick-note:#efb254;--dt-semantic-color-dark-module-tone-settings:#b6c3d5;--dt-semantic-color-dark-module-tone-task:#7ba7f8;--dt-semantic-color-dark-module-tone-rgb-admin:245, 115, 115;--dt-semantic-color-dark-module-tone-rgb-art:70, 195, 222;--dt-semantic-color-dark-module-tone-rgb-capture:67, 201, 186;--dt-semantic-color-dark-module-tone-rgb-dashboard:64, 201, 154;--dt-semantic-color-dark-module-tone-rgb-note:179, 147, 249;--dt-semantic-color-dark-module-tone-rgb-paint:242, 119, 174;--dt-semantic-color-dark-module-tone-rgb-premium:226, 183, 63;--dt-semantic-color-dark-module-tone-rgb-project:147, 160, 245;--dt-semantic-color-dark-module-tone-rgb-quick-note:239, 178, 84;--dt-semantic-color-dark-module-tone-rgb-settings:182, 195, 213;--dt-semantic-color-dark-module-tone-rgb-task:123, 167, 248;--dt-semantic-color-dark-note-palette-canvas-black:#111318;--dt-semantic-color-dark-note-palette-canvas-blue:#1d2c3f;--dt-semantic-color-dark-note-palette-canvas-gray:#2b2e32;--dt-semantic-color-dark-note-palette-canvas-green:#1e3227;--dt-semantic-color-dark-note-palette-canvas-pink:#3a2430;--dt-semantic-color-dark-note-palette-canvas-purple:#2e2740;--dt-semantic-color-dark-note-palette-canvas-white:#2a2b2e;--dt-semantic-color-dark-note-palette-canvas-yellow:#33301c;--dt-semantic-color-dark-note-palette-on-dark:#f5f7fa;--dt-semantic-color-dark-note-palette-on-dark-muted:#d7dbe2;--dt-semantic-color-dark-note-palette-swatch-black:#111318;--dt-semantic-color-dark-note-palette-swatch-blue:#1d2c3f;--dt-semantic-color-dark-note-palette-swatch-gray:#2b2e32;--dt-semantic-color-dark-note-palette-swatch-green:#1e3227;--dt-semantic-color-dark-note-palette-swatch-pink:#3a2430;--dt-semantic-color-dark-note-palette-swatch-purple:#2e2740;--dt-semantic-color-dark-note-palette-swatch-yellow:#33301c;--dt-semantic-color-dark-shadow-accent:0 2px 8px #4f9cf959;--dt-semantic-color-dark-shadow-popover:0 16px 38px #0006;--dt-semantic-color-dark-shadow-text:0 1px 3px rgba(0, 0, 0, calc(.55 * var(--shade-k)));--dt-semantic-color-dark-shadow-window:0 18px 48px #0000006b;--dt-semantic-color-dark-status-danger:#ff9b90;--dt-semantic-color-dark-status-danger-bg:#331a19;--dt-semantic-color-dark-status-danger-line:#5c2b28;--dt-semantic-color-dark-status-danger-rgb:255, 155, 144;--dt-semantic-color-dark-status-success:#7fd6ab;--dt-semantic-color-dark-status-success-bg:#12291f;--dt-semantic-color-dark-status-success-line:#24503b;--dt-semantic-color-dark-status-success-rgb:127, 214, 171;--dt-semantic-color-dark-status-warning:#f0c274;--dt-semantic-color-dark-status-warning-bg:#2f2415;--dt-semantic-color-dark-status-warning-line:#52401f;--dt-semantic-color-dark-status-warning-rgb:240, 194, 116;--dt-semantic-color-dark-surface-base:#27282b;--dt-semantic-color-dark-surface-fill:#303134;--dt-semantic-color-dark-surface-overlay:#35363a;--dt-semantic-color-dark-surface-raised:#2a2b2e;--dt-semantic-color-dark-surface-shell:#202124;--dt-semantic-color-dark-surface-sunken:#202124;--dt-semantic-color-dark-surface-rgb-base:39, 40, 43;--dt-semantic-color-dark-surface-rgb-fill:48, 49, 52;--dt-semantic-color-dark-surface-rgb-overlay:53, 54, 58;--dt-semantic-color-dark-surface-rgb-raised:42, 43, 46;--dt-semantic-color-dark-surface-rgb-shell:32, 33, 36;--dt-semantic-color-dark-surface-rgb-sunken:32, 33, 36;--dt-semantic-color-dark-text-muted:#9aa0a6;--dt-semantic-color-dark-text-on-accent:#fff;--dt-semantic-color-dark-text-primary:#e8eaed;--dt-semantic-color-dark-text-secondary:#bdc1c6;--dt-semantic-color-light-action-accent:#2563eb;--dt-semantic-color-light-action-accent-rgb:37, 99, 235;--dt-semantic-color-light-action-accent-solid:#2563eb;--dt-semantic-color-light-action-accent-solid-rgb:37, 99, 235;--dt-semantic-color-light-action-active:#2563eb1a;--dt-semantic-color-light-action-hover:#0b10200f;--dt-semantic-color-light-action-on-accent:#fff;--dt-semantic-color-light-border-default:rgba(61, 58, 52, calc(.14 + .07 * var(--t)));--dt-semantic-color-light-border-divider:rgba(61, 58, 52, calc(.09 + .05 * var(--t)));--dt-semantic-color-light-border-divider-static:#3d3a341c;--dt-semantic-color-light-brand-calendar:#d96532;--dt-semantic-color-light-brand-google:#4285f4;--dt-semantic-color-light-brand-outlook:#0078d4;--dt-semantic-color-light-brand-premium:#b7791f;--dt-semantic-color-light-brand-teams:#5b5fc7;--dt-semantic-color-light-brand-webex:#138a72;--dt-semantic-color-light-brand-zoom:#2d8cff;--dt-semantic-color-light-brand-rgb-calendar:217, 101, 50;--dt-semantic-color-light-brand-rgb-google:66, 133, 244;--dt-semantic-color-light-brand-rgb-outlook:0, 120, 212;--dt-semantic-color-light-brand-rgb-premium:183, 121, 31;--dt-semantic-color-light-brand-rgb-teams:91, 95, 199;--dt-semantic-color-light-brand-rgb-webex:19, 138, 114;--dt-semantic-color-light-brand-rgb-zoom:45, 140, 255;--dt-semantic-color-light-category-blue-bar:#0284c7;--dt-semantic-color-light-category-blue-bg:#e0f2fe;--dt-semantic-color-light-category-blue-fg:#0369a1;--dt-semantic-color-light-category-green-bar:#16a34a;--dt-semantic-color-light-category-green-bg:#dcfce7;--dt-semantic-color-light-category-green-fg:#15803d;--dt-semantic-color-light-category-orange-bar:#ea580c;--dt-semantic-color-light-category-orange-bg:#ffedd5;--dt-semantic-color-light-category-orange-fg:#c2410c;--dt-semantic-color-light-category-pink-bar:#e11d48;--dt-semantic-color-light-category-pink-bg:#fee2e2;--dt-semantic-color-light-category-pink-fg:#be123c;--dt-semantic-color-light-category-purple-bar:#7c3aed;--dt-semantic-color-light-category-purple-bg:#ede9fe;--dt-semantic-color-light-category-purple-fg:#6d28d9;--dt-semantic-color-light-focus-ring:#2563eb47;--dt-semantic-color-light-ink:11, 16, 32;--dt-semantic-color-light-module-tone-admin:#dc2626;--dt-semantic-color-light-module-tone-art:#0891b2;--dt-semantic-color-light-module-tone-capture:#0d9488;--dt-semantic-color-light-module-tone-dashboard:#059669;--dt-semantic-color-light-module-tone-note:#7c3aed;--dt-semantic-color-light-module-tone-paint:#db2777;--dt-semantic-color-light-module-tone-premium:#ca8a04;--dt-semantic-color-light-module-tone-project:#4338ca;--dt-semantic-color-light-module-tone-quick-note:#e08c07;--dt-semantic-color-light-module-tone-settings:#56657a;--dt-semantic-color-light-module-tone-task:#2563eb;--dt-semantic-color-light-module-tone-rgb-admin:220, 38, 38;--dt-semantic-color-light-module-tone-rgb-art:8, 145, 178;--dt-semantic-color-light-module-tone-rgb-capture:13, 148, 136;--dt-semantic-color-light-module-tone-rgb-dashboard:5, 150, 105;--dt-semantic-color-light-module-tone-rgb-note:124, 58, 237;--dt-semantic-color-light-module-tone-rgb-paint:219, 39, 119;--dt-semantic-color-light-module-tone-rgb-premium:202, 138, 4;--dt-semantic-color-light-module-tone-rgb-project:67, 56, 202;--dt-semantic-color-light-module-tone-rgb-quick-note:224, 140, 7;--dt-semantic-color-light-module-tone-rgb-settings:86, 101, 122;--dt-semantic-color-light-module-tone-rgb-task:37, 99, 235;--dt-semantic-color-light-note-palette-canvas-black:#111318;--dt-semantic-color-light-note-palette-canvas-blue:#eef5fd;--dt-semantic-color-light-note-palette-canvas-gray:#f2f4f6;--dt-semantic-color-light-note-palette-canvas-green:#f0faf2;--dt-semantic-color-light-note-palette-canvas-pink:#fdf0f4;--dt-semantic-color-light-note-palette-canvas-purple:#f4effd;--dt-semantic-color-light-note-palette-canvas-white:#fff;--dt-semantic-color-light-note-palette-canvas-yellow:#fffbe9;--dt-semantic-color-light-note-palette-on-dark:#f5f7fa;--dt-semantic-color-light-note-palette-on-dark-muted:#d7dbe2;--dt-semantic-color-light-note-palette-swatch-black:#111318;--dt-semantic-color-light-note-palette-swatch-blue:#d8e8fb;--dt-semantic-color-light-note-palette-swatch-gray:#e2e5e9;--dt-semantic-color-light-note-palette-swatch-green:#d9f2df;--dt-semantic-color-light-note-palette-swatch-pink:#fbdde6;--dt-semantic-color-light-note-palette-swatch-purple:#e7defb;--dt-semantic-color-light-note-palette-swatch-yellow:#fdf3c8;--dt-semantic-color-light-shadow-accent:0 2px 8px #2563eb59;--dt-semantic-color-light-shadow-popover:0 14px 34px #00000029;--dt-semantic-color-light-shadow-text:0 1px 2px rgba(255, 255, 255, calc(.85 * var(--shade-k)));--dt-semantic-color-light-shadow-window:0 16px 42px #00000024;--dt-semantic-color-light-status-danger:#c0392b;--dt-semantic-color-light-status-danger-bg:#fdeceb;--dt-semantic-color-light-status-danger-line:#f2c8c4;--dt-semantic-color-light-status-danger-rgb:192, 57, 43;--dt-semantic-color-light-status-success:#17694b;--dt-semantic-color-light-status-success-bg:#e4f4ec;--dt-semantic-color-light-status-success-line:#b9e0cd;--dt-semantic-color-light-status-success-rgb:23, 105, 75;--dt-semantic-color-light-status-warning:#8a5f14;--dt-semantic-color-light-status-warning-bg:#fdf4e3;--dt-semantic-color-light-status-warning-line:#ecd9ae;--dt-semantic-color-light-status-warning-rgb:138, 95, 20;--dt-semantic-color-light-surface-base:#f0f2f5;--dt-semantic-color-light-surface-fill:#e4e6eb;--dt-semantic-color-light-surface-overlay:#fff;--dt-semantic-color-light-surface-raised:#fff;--dt-semantic-color-light-surface-shell:#f0f2f5;--dt-semantic-color-light-surface-sunken:#f0f2f5;--dt-semantic-color-light-surface-rgb-base:240, 242, 245;--dt-semantic-color-light-surface-rgb-fill:228, 230, 235;--dt-semantic-color-light-surface-rgb-overlay:255, 255, 255;--dt-semantic-color-light-surface-rgb-raised:255, 255, 255;--dt-semantic-color-light-surface-rgb-shell:240, 242, 245;--dt-semantic-color-light-surface-rgb-sunken:240, 242, 245;--dt-semantic-color-light-text-muted:#6e6c66;--dt-semantic-color-light-text-on-accent:#fff;--dt-semantic-color-light-text-primary:#1f1e1d;--dt-semantic-color-light-text-secondary:#4a4842;--dt-semantic-typography-body-font-size:14px;--dt-semantic-typography-body-line-height:1.45;--dt-semantic-typography-caption-font-size:12px;--dt-semantic-typography-caption-line-height:1.35;--dt-semantic-typography-title-font-size:16px;--dt-semantic-typography-title-line-height:1.2;--dt-system-fluent-radius-control:6px;--dt-system-fluent-radius-panel:8px;--dt-system-fluent-radius-window:8px;--dt-system-glass-radius-control:10px;--dt-system-glass-radius-panel:14px;--dt-system-glass-radius-window:18px;--dt-typography-font-size-body:14px;--dt-typography-font-size-body-small:13px;--dt-typography-font-size-caption:12px;--dt-typography-font-size-display:22px;--dt-typography-font-size-display-large:28px;--dt-typography-font-size-micro:10px;--dt-typography-font-size-overline:11px;--dt-typography-font-size-title:16px;--dt-typography-font-size-title-large:18px;--dt-typography-line-height-body:1.45;--dt-typography-line-height-snug:1.35;--dt-typography-line-height-tight:1.2;--dt-typography-weight-bold:700;--dt-typography-weight-medium:500;--dt-typography-weight-regular:400;--dt-typography-weight-semibold:600;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--t:1;--ink:var(--dt-semantic-color-light-text-primary);--ink-secondary:var(--dt-semantic-color-light-text-secondary);--muted:var(--dt-semantic-color-light-text-muted);--line:var(--dt-semantic-color-light-border-divider-static);--line-strong:var(--dt-semantic-color-light-border-default);--bg-page:var(--dt-semantic-color-light-surface-base);--bg-card:var(--dt-semantic-color-light-surface-raised);--bg-hover:var(--dt-semantic-color-light-surface-sunken);--blue:var(--dt-semantic-color-light-action-accent);--blue-hover:var(--dt-semantic-color-light-action-accent-solid);--blue-subtle:var(--dt-semantic-color-light-category-blue-bg);--green:var(--dt-semantic-color-light-status-success);--green-subtle:var(--dt-semantic-color-light-status-success-bg);--red:var(--dt-semantic-color-light-status-danger);--red-subtle:var(--dt-semantic-color-light-status-danger-bg);--yellow:var(--dt-semantic-color-light-status-warning);--yellow-subtle:var(--dt-semantic-color-light-status-warning-bg);--purple:var(--dt-semantic-color-light-category-purple-bar);--purple-subtle:var(--dt-semantic-color-light-category-purple-bg);--ux-shell:var(--dt-semantic-color-light-surface-shell);--ux-sunken:var(--dt-semantic-color-light-surface-sunken);--ux-base:var(--dt-semantic-color-light-surface-base);--ux-raised:var(--dt-semantic-color-light-surface-raised);--ux-overlay:var(--dt-semantic-color-light-surface-overlay);--ux-fill:var(--dt-semantic-color-light-surface-fill);--radius-xs:var(--dt-dimension-space-1);--radius-sm:var(--dt-dimension-radius-control);--radius-md:var(--dt-dimension-radius-panel);--radius-lg:calc(var(--dt-dimension-radius-panel) + var(--dt-dimension-space-1));--radius-full:var(--dt-dimension-radius-full);--sp-1:var(--dt-dimension-space-1);--sp-2:var(--dt-dimension-space-2);--sp-3:var(--dt-dimension-space-3);--sp-4:var(--dt-dimension-space-4);--sp-5:calc(var(--dt-dimension-space-4) + var(--dt-dimension-space-1));--sp-6:calc(var(--dt-dimension-space-4) + var(--dt-dimension-space-2));--font-scale:1;--fs-micro:calc(var(--dt-typography-font-size-micro) * var(--font-scale,1));--fs-overline:calc(var(--dt-typography-font-size-overline) * var(--font-scale,1));--fs-caption:calc(var(--dt-typography-font-size-caption) * var(--font-scale,1));--fs-body-sm:calc(var(--dt-typography-font-size-body-small) * var(--font-scale,1));--fs-body:calc(var(--dt-typography-font-size-body) * var(--font-scale,1));--fs-title:calc(var(--dt-typography-font-size-title) * var(--font-scale,1));--fs-title-lg:calc(var(--dt-typography-font-size-title-large) * var(--font-scale,1));--fs-display:calc(var(--dt-typography-font-size-display) * var(--font-scale,1));--fs-display-lg:calc(var(--dt-typography-font-size-display-large) * var(--font-scale,1));--fw-regular:var(--dt-typography-weight-regular);--fw-medium:var(--dt-typography-weight-medium);--fw-semibold:var(--dt-typography-weight-semibold);--fw-bold:var(--dt-typography-weight-bold);--lh-tight:var(--dt-typography-line-height-tight);--lh-snug:var(--dt-typography-line-height-snug);--lh-body:var(--dt-typography-line-height-body);--shadow-sm:0 1px 3px rgba(var(--dt-color-channel-shadow-light), .1);--shadow-md:0 4px 14px rgba(var(--dt-color-channel-shadow-light), .12);--shadow-lg:0 18px 48px rgba(var(--dt-color-channel-scrim), .28);--shadow-accent:0 2px 8px rgba(var(--dt-semantic-color-light-action-accent-rgb,50, 108, 229), .28)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--ux-shell:var(--dt-semantic-color-dark-surface-shell);--ux-sunken:var(--dt-semantic-color-dark-surface-sunken);--ux-base:var(--dt-semantic-color-dark-surface-base);--ux-raised:var(--dt-semantic-color-dark-surface-raised);--ux-overlay:var(--dt-semantic-color-dark-surface-overlay);--ux-fill:var(--dt-semantic-color-dark-surface-fill);--shadow-sm:0 1px 3px rgba(var(--dt-color-channel-black), .32);--shadow-md:0 4px 14px rgba(var(--dt-color-channel-black), .4);--shadow-lg:0 18px 48px rgba(var(--dt-color-channel-black), .55);--shadow-accent:var(--dt-semantic-color-dark-shadow-accent)}}html[data-theme=dark]{--ux-shell:var(--dt-semantic-color-dark-surface-shell);--ux-sunken:var(--dt-semantic-color-dark-surface-sunken);--ux-base:var(--dt-semantic-color-dark-surface-base);--ux-raised:var(--dt-semantic-color-dark-surface-raised);--ux-overlay:var(--dt-semantic-color-dark-surface-overlay);--ux-fill:var(--dt-semantic-color-dark-surface-fill);--shadow-sm:0 1px 3px rgba(var(--dt-color-channel-black), .32);--shadow-md:0 4px 14px rgba(var(--dt-color-channel-black), .4);--shadow-lg:0 18px 48px rgba(var(--dt-color-channel-black), .55);--shadow-accent:var(--dt-semantic-color-dark-shadow-accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:var(--dt-semantic-color-dark-text-primary);--ink-secondary:var(--dt-semantic-color-dark-text-secondary);--muted:var(--dt-semantic-color-dark-text-muted);--line:var(--dt-semantic-color-dark-border-divider-static);--line-strong:var(--dt-semantic-color-dark-border-default);--bg-page:var(--dt-semantic-color-dark-surface-base);--bg-card:var(--dt-semantic-color-dark-surface-raised);--bg-hover:var(--dt-semantic-color-dark-surface-fill);--blue:var(--dt-semantic-color-dark-action-accent);--blue-hover:var(--dt-semantic-color-dark-action-accent-solid);--blue-subtle:var(--dt-semantic-color-dark-category-blue-bg);--green:var(--dt-semantic-color-dark-status-success);--green-subtle:var(--dt-semantic-color-dark-status-success-bg);--red:var(--dt-semantic-color-dark-status-danger);--red-subtle:var(--dt-semantic-color-dark-status-danger-bg);--yellow:var(--dt-semantic-color-dark-status-warning);--yellow-subtle:var(--dt-semantic-color-dark-status-warning-bg);--purple:var(--dt-semantic-color-dark-category-purple-bar);--purple-subtle:var(--dt-semantic-color-dark-category-purple-bg)}}html[data-theme=dark]{--ink:var(--dt-semantic-color-dark-text-primary);--ink-secondary:var(--dt-semantic-color-dark-text-secondary);--muted:var(--dt-semantic-color-dark-text-muted);--line:var(--dt-semantic-color-dark-border-divider-static);--line-strong:var(--dt-semantic-color-dark-border-default);--bg-page:var(--dt-semantic-color-dark-surface-base);--bg-card:var(--dt-semantic-color-dark-surface-raised);--bg-hover:var(--dt-semantic-color-dark-surface-fill);--blue:var(--dt-semantic-color-dark-action-accent);--blue-hover:var(--dt-semantic-color-dark-action-accent-solid);--blue-subtle:var(--dt-semantic-color-dark-category-blue-bg);--green:var(--dt-semantic-color-dark-status-success);--green-subtle:var(--dt-semantic-color-dark-status-success-bg);--red:var(--dt-semantic-color-dark-status-danger);--red-subtle:var(--dt-semantic-color-dark-status-danger-bg);--yellow:var(--dt-semantic-color-dark-status-warning);--yellow-subtle:var(--dt-semantic-color-dark-status-warning-bg);--purple:var(--dt-semantic-color-dark-category-purple-bar);--purple-subtle:var(--dt-semantic-color-dark-category-purple-bg)}*{box-sizing:border-box}body{background:var(--app-wallpaper,var(--bg-page));width:100%;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-size:cover;background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .2s,color .2s}button,input,select,textarea{color:var(--ink);font-family:inherit}select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:13px;background-color:var(--bg-card);color:var(--ink);border-color:var(--line);padding-right:26px!important}html[data-theme=dark] select option{background-color:var(--bg-card);color:var(--ink)}.app-shell{min-height:100vh;background:var(--bg-page);min-height:100dvh;display:flex}.loading-shell{justify-content:center;align-items:center;gap:var(--sp-4);min-height:100vh;background:var(--bg-page);min-height:100dvh;color:var(--muted);font-size:var(--fs-body-sm);flex-direction:column;display:flex}.loading-spinner{border:2.5px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite antitask-spin}@media (prefers-reduced-motion:reduce){.loading-spinner{animation-duration:2s}}@keyframes antitask-spin{to{transform:rotate(360deg)}}.ws-state{justify-content:center;align-items:center;gap:var(--sp-3);text-align:center;padding:56px var(--sp-5);flex-direction:column;min-height:340px;display:flex}.ws-state-title{font-size:var(--fs-body);color:var(--ink);margin:0;font-weight:750}.ws-state-hint{font-size:var(--fs-caption);color:var(--muted);max-width:360px;margin:0;line-height:1.5}.ws-state .button{margin-top:var(--sp-2)}.sidebar{background:var(--ux-sunken);border-right:1px solid var(--line);width:240px;padding:var(--sp-4) var(--sp-3);flex-direction:column;flex-shrink:0;display:flex}.brand{align-items:center;gap:var(--sp-3);padding:4px var(--sp-2);margin-bottom:var(--sp-4);display:flex}.workspace{background:var(--ux-base);padding:var(--sp-5) 28px;flex:1;min-width:0;overflow-y:auto}.nav-item{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:var(--ink-secondary);font-size:var(--fs-body-sm);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;margin-bottom:4px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--ink);transform:translate(2px)}.nav-item.active{background:var(--bg-card);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-md);font-weight:800}.nav-icon-badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.nav-item:hover .nav-icon-badge{transform:scale(1.08)}.nav-item.active .nav-icon-badge{box-shadow:var(--shadow-md);transform:scale(1.05)}.nav-icon-badge.task{color:#326ce5;background:#326ce51f}.nav-item.active.task .nav-icon-badge{color:#fff;background:linear-gradient(135deg,#326ce5,#2557be)}.nav-icon-badge.note{color:#10b981;background:#10b9811f}.nav-item.active.note .nav-icon-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.nav-icon-badge.project{color:#8b5cf6;background:#8b5cf61f}.nav-item.active.project .nav-icon-badge{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.nav-icon-badge.quickNote{color:#f59e0b;background:#f59e0b1f}.nav-item.active.quickNote .nav-icon-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.nav-icon-badge.paint{color:#ec4899;background:#ec48991f}.nav-item.active.paint .nav-icon-badge{color:#fff;background:linear-gradient(135deg,#ec4899,#db2777)}.nav-icon-badge.premium{color:#d97706;background:#d977061f}.nav-item.active.premium .nav-icon-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#ea580c)}.nav-icon-badge.dashboard{color:#0ea5e9;background:#0ea5e91f}.nav-item.active.dashboard .nav-icon-badge{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.nav-icon-badge.settings{color:#64748b;background:#64748b1f}.nav-item.active.settings .nav-icon-badge{color:#fff;background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 12px #64748b59}.side-section{margin-top:var(--sp-5);border-top:1px solid var(--line);padding-top:var(--sp-4)}.side-section-header{margin-bottom:var(--sp-2);font-size:var(--fs-overline);color:var(--muted);letter-spacing:.06em;justify-content:space-between;align-items:center;padding:0 8px;font-weight:800;display:flex}.project-item{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--ink-secondary);text-align:left;cursor:pointer;background:0 0;border:0;transition:background .15s;display:flex}.project-item:hover{background:var(--bg-hover);color:var(--ink)}.project-item.selected{background:var(--blue-subtle);color:var(--blue);font-weight:750}.project-item i{border-radius:50%;flex-shrink:0;width:8px;height:8px}.account{padding-top:var(--sp-4);border-top:1px solid var(--line);align-items:center;gap:var(--sp-3);cursor:pointer;border-radius:var(--radius-sm);padding:var(--sp-2);margin-top:auto;transition:background .15s;display:flex;position:relative}.account:hover{background:var(--bg-hover)}.avatar{background:var(--line);width:32px;height:32px;font-weight:800;font-size:var(--fs-body-sm);color:var(--ink-secondary);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.account span{flex-direction:column;display:flex;overflow:hidden}.account strong{font-size:var(--fs-caption);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account small{font-size:var(--fs-overline);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.topbar h1{font-size:var(--fs-display);color:var(--ink);margin:2px 0 0;font-weight:850}.eyebrow{font-size:var(--fs-micro);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:800}.top-actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.project-topbar-tabs-container{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.user-menu-wrapper{position:relative}.user-menu-trigger{align-items:center;gap:var(--sp-2);padding:4px var(--sp-2);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-card);cursor:pointer;transition:all .15s;display:flex}.user-menu-trigger:hover{background:var(--bg-hover);border-color:var(--line-strong)}.user-popover-menu{background:var(--ux-overlay);border:1px solid var(--line);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-lg);padding:var(--sp-2);z-index:100;flex-direction:column;gap:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.user-popover-header{border-bottom:1px solid var(--line);align-items:center;gap:var(--sp-3);margin-bottom:4px;padding:8px 10px 10px;display:flex}.user-popover-item{width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;font-weight:650;transition:background .15s;display:flex}.user-popover-item:hover{background:var(--bg-hover)}.user-popover-item.danger{color:var(--red)}.user-popover-item.danger:hover{background:var(--red-subtle)}.theme-switch-group{background:var(--bg-hover);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:4px;margin:4px 0;padding:3px;display:grid}.theme-switch-btn{font-size:var(--fs-caption);color:var(--muted);padding:5px var(--sp-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;font-weight:700;transition:all .15s;display:flex}.theme-switch-btn.active{background:var(--bg-card);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:800}.button{border-radius:var(--radius-sm);font-size:var(--fs-caption);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-hover);box-shadow:var(--shadow-accent)}.button.ghost{background:var(--bg-card);border-color:var(--line);color:var(--ink)}.button.ghost:hover{background:var(--bg-hover);border-color:var(--line-strong)}.sync-pill{align-items:center;gap:var(--sp-2);font-size:var(--fs-overline);padding:4px var(--sp-3);border-radius:var(--radius-full);font-weight:750;display:inline-flex}.sync-pill.saved{background:var(--green-subtle);color:var(--green);border:1px solid #bbf7d040}.sync-pill.syncing{background:var(--blue-subtle);color:var(--blue);border:1px solid #bfdbfe40}.sync-pill.error{background:var(--red-subtle);color:var(--red);border:1px solid #fecaca40}.sync-pill.offline{background:var(--bg-hover);color:var(--muted);border:1px solid var(--line)}.premium-pill{font-size:var(--fs-caption);background:var(--yellow-subtle);color:var(--yellow);padding:4px var(--sp-3);border-radius:var(--radius-full);cursor:pointer;border:1px solid #fde68a60;align-items:center;gap:5px;font-weight:750;text-decoration:none;transition:all .15s;display:inline-flex}.premium-pill:hover{transform:translateY(-1px)}.quick-add-box{gap:var(--sp-2);display:flex}.quick-add-input{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-body-sm);background:var(--bg-card);color:var(--ink);outline:none;flex:1;transition:all .15s}.quick-add-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #326ce51a}.token-chip-container{gap:var(--sp-2);flex-wrap:wrap;margin:6px 0 10px;display:flex}.token-chip.priority{font-weight:800}.token-chip.priority.p1{color:#dc2626!important;background:#fef2f2!important;border:1px solid #fca5a5!important}.token-chip.priority.p2{color:#d97706!important;background:#fffbeb!important;border:1px solid #fde68a!important}.token-chip.priority.p3{color:#16a34a!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}.token-chip.priority.p4{color:#2563eb!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}.priority-picker-group{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);margin-top:4px;display:grid}.priority-opt-btn{padding:var(--sp-2) var(--sp-2);border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;text-align:center;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;transition:all .15s;display:flex}.priority-opt-btn:hover{border-color:var(--line-strong);background:var(--bg-hover)}.priority-opt-btn.p1{color:#dc2626;border-color:#fecaca}.priority-opt-btn.p1.active{color:#dc2626;background:#fee2e2;border-color:#dc2626;font-weight:850;box-shadow:0 0 0 2px #dc262640}.priority-opt-btn.p2{color:#d97706;border-color:#fde68a}.priority-opt-btn.p2.active{color:#d97706;background:#fef3c7;border-color:#d97706;font-weight:850;box-shadow:0 0 0 2px #d9770640}.priority-opt-btn.p3{color:#16a34a;border-color:#bbf7d0}.priority-opt-btn.p3.active{color:#16a34a;background:#dcfce7;border-color:#16a34a;font-weight:850;box-shadow:0 0 0 2px #16a34a40}.priority-opt-btn.p4{color:#2563eb;border-color:#bfdbfe}.priority-opt-btn.p4.active{color:#2563eb;background:#dbeafe;border-color:#2563eb;font-weight:850;box-shadow:0 0 0 2px #2563eb40}.task-row.priority-p1{border-left:3.5px solid #dc2626}.task-row.priority-p2{border-left:3.5px solid #d97706}.task-row.priority-p3{border-left:3.5px solid #16a34a}.task-row.priority-p4{border-left:3.5px solid #2563eb}.task-note-pill{font-size:var(--fs-micro);color:var(--blue);background:var(--blue-subtle);padding:1px var(--sp-2);border-radius:var(--radius-full);border:1px solid #326ce540;align-items:center;gap:3px;font-weight:750;display:inline-flex}.premium-page-wrapper{width:100%;max-width:1000px;margin:0 auto}.premium-status-hero{background:var(--yellow-subtle);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);border:1px solid #fde68a80;box-shadow:0 4px 16px #d977061a}.premium-tier-badge{background:var(--yellow-subtle);color:var(--yellow);font-size:var(--fs-caption);padding:3px var(--sp-3);border-radius:var(--radius-full);border:1px solid #fde68a;font-weight:800}.premium-pricing-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.premium-price-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-sm);flex-direction:column;transition:all .2s;display:flex;position:relative}.premium-price-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-2px)}.premium-price-card.popular{border:2px solid var(--blue);box-shadow:var(--shadow-accent)}.plan-badge{background:var(--blue);color:#fff;font-size:var(--fs-micro);padding:2px var(--sp-2);border-radius:var(--radius-full);letter-spacing:.04em;font-weight:800;position:absolute;top:-10px;right:20px}.plan-feature-list{gap:var(--sp-2);font-size:var(--fs-caption);color:var(--ink-secondary);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-feature-list li{align-items:center;gap:var(--sp-2);display:flex}.premium-features-grid{gap:var(--sp-5);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.feature-item{gap:var(--sp-3);align-items:flex-start;display:flex}.feature-icon{font-size:var(--fs-display);flex-shrink:0;line-height:1}.feature-item strong{font-size:var(--fs-body-sm);color:var(--ink);margin-bottom:2px;font-weight:800;display:block}.feature-item p{font-size:var(--fs-caption);color:var(--muted);margin:0;line-height:1.5}.premium-promo-banner{border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-5);align-items:center;gap:var(--sp-3);background:linear-gradient(135deg,#d977061f,#f59e0b2e);border:1px solid #fde68a;display:flex}.premium-promo-tag{color:#fff;font-size:var(--fs-overline);padding:3px var(--sp-2);border-radius:var(--radius-sm);letter-spacing:.04em;white-space:nowrap;background:#d97706;font-weight:800}.premium-donation-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);gap:var(--sp-5);box-shadow:var(--shadow-sm);grid-template-columns:1fr auto;align-items:center;margin:24px 0;display:grid}@media (max-width:700px){.premium-donation-card{grid-template-columns:1fr}}.settings-full-wrapper{gap:var(--sp-5);flex-direction:column;width:100%;max-width:960px;margin:0 auto;display:flex}.settings-full-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.settings-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);gap:var(--sp-3);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.settings-card.highlight{background:var(--yellow-subtle);border-color:#fde68a}.settings-card-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.settings-card-title{font-size:var(--fs-body);color:var(--ink);align-items:center;gap:var(--sp-2);margin:0;font-weight:800;display:flex}.settings-card-subtitle{font-size:var(--fs-caption);color:var(--muted);margin:2px 0 0;line-height:1.5}.settings-font-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));margin-top:4px;display:grid}.settings-font-btn{padding:var(--sp-2) var(--sp-2);font-size:var(--fs-caption);border:1px solid var(--line);background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink);text-align:center;transition:all .15s}.settings-font-btn:hover{background:var(--bg-hover);border-color:var(--line-strong)}.settings-font-btn.active{background:var(--blue-subtle);border-color:var(--blue);color:var(--blue);font-weight:800}.premium-gate-wrapper{padding:40px var(--sp-4);justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 160px);display:flex}.premium-gate-card{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;align-items:center;gap:var(--sp-4);border:1px solid #fde68a;flex-direction:column;width:100%;max-width:580px;padding:36px 32px;display:flex;box-shadow:0 12px 36px #d9770614}.premium-gate-badge{align-items:center;gap:var(--sp-2);background:var(--yellow-subtle);color:var(--yellow);font-size:var(--fs-overline);padding:3px var(--sp-3);border-radius:var(--radius-full);letter-spacing:.04em;border:1px solid #fde68a;font-weight:800;display:inline-flex}.premium-gate-icon{border-radius:var(--radius-lg);color:#d97706;background:linear-gradient(135deg,#d9770626,#f59e0b40);justify-content:center;align-items:center;width:68px;height:68px;margin:4px 0;display:flex}.premium-gate-title{font-size:var(--fs-display);color:var(--ink);margin:0;font-weight:850}.premium-gate-desc{font-size:var(--fs-body-sm);color:var(--muted);max-width:480px;margin:0;line-height:1.6}.premium-gate-benefits{background:var(--bg-hover);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;padding:var(--sp-4) var(--sp-5);text-align:left;margin-top:4px}.premium-gate-benefits strong{font-size:var(--fs-caption);color:var(--ink);margin-bottom:var(--sp-2);display:block}.premium-gate-benefits ul{gap:var(--sp-2);font-size:var(--fs-caption);color:var(--ink-secondary);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.premium-gate-benefits li{align-items:flex-start;gap:var(--sp-2);display:flex}.premium-gate-benefits .check-icon{color:var(--green);flex-shrink:0;font-weight:800}.premium-gate-actions{align-items:center;gap:var(--sp-3);width:100%;margin-top:var(--sp-2);flex-direction:column;display:flex}.calendar-wrapper{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-5);width:100%;box-shadow:var(--shadow-sm)}.view-tabs-bar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--bg-hover);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.view-tab-btn-group{background:var(--line);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.view-tab-btn{font-size:var(--fs-caption);color:var(--muted);padding:4px var(--sp-3);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;font-weight:700}.view-tab-btn.active{background:var(--bg-card);color:var(--blue);box-shadow:var(--shadow-sm);font-weight:800}.date-nav-controls{align-items:center;gap:var(--sp-2);font-size:var(--fs-body-sm);color:var(--ink);flex-wrap:wrap;font-weight:750;display:flex}.calendar-week-grid{gap:var(--sp-2);min-height:580px;margin-top:var(--sp-3);grid-template-columns:repeat(7,minmax(0,1fr));width:100%;display:grid}.calendar-week-grid.hide-weekend{grid-template-columns:repeat(5,minmax(0,1fr))}.week-col{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;flex-direction:column;min-width:0;transition:all .15s;display:flex;overflow:hidden}.week-col:hover{border-color:var(--line-strong)}.week-col.is-today{border-color:var(--blue);background:var(--blue-subtle);box-shadow:0 0 0 1px var(--blue)}.week-col-header{padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--line);background:var(--bg-hover);justify-content:space-between;align-items:center;display:flex}.week-col.is-today .week-col-header{background:var(--blue-subtle);color:var(--blue)}.week-col-header .weekday{font-size:var(--fs-caption);font-weight:800}.week-col-header .daynum{font-size:var(--fs-caption);font-weight:700}.week-col-tasks{padding:var(--sp-2) var(--sp-2);gap:var(--sp-2);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.month-calendar-grid{gap:var(--sp-2);margin-top:var(--sp-2);grid-template-columns:repeat(7,minmax(0,1fr));width:100%;display:grid}.month-calendar-grid.hide-weekend{grid-template-columns:repeat(5,minmax(0,1fr))}.month-weekday-header{text-align:center;font-size:var(--fs-overline);color:var(--muted);border-bottom:1px solid var(--line);padding:6px 0;font-weight:800}.month-cell{min-height:92px;padding:var(--sp-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-card);text-align:left;cursor:pointer;flex-direction:column;justify-content:space-between;transition:all .15s;display:flex;overflow:hidden}.month-cell:hover{border-color:var(--blue);background:var(--bg-hover)}.month-cell.today{border:2px solid var(--blue)!important;background:var(--blue-subtle)!important}.month-cell.other-month{opacity:.4}.month-cell-header{font-size:var(--fs-caption);color:var(--ink);justify-content:space-between;align-items:center;font-weight:800;display:flex}.month-cell.today .month-cell-header .today-badge{width:22px;height:22px;box-shadow:var(--shadow-accent);border-radius:50%;place-items:center;font-weight:800;display:grid;background:var(--blue)!important;color:#fff!important}.month-cell-tasks{flex-direction:column;gap:2px;min-width:0;margin-top:4px;display:flex}.month-task-pill{font-size:var(--fs-micro);border-radius:var(--radius-xs);background:var(--bg-hover);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:2px 4px;font-weight:700;overflow:hidden}.month-task-pill.span{background:var(--blue-subtle);color:var(--blue);border-left:2px solid var(--blue)}.month-task-pill.done{opacity:.5;text-decoration:line-through}.task-list{gap:var(--sp-2);flex-direction:column;display:flex}.task-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-card);min-width:0;transition:all .15s;display:flex}.task-row:hover{border-color:var(--line-strong);background:var(--bg-hover)}.task-row.done{opacity:.6;background:var(--bg-hover)}.task-row.done strong{color:var(--muted);text-decoration:line-through}.check{border:1.5px solid var(--line-strong);border-radius:var(--radius-xs);cursor:pointer;width:16px;height:16px;color:var(--blue);font-size:var(--fs-micro);flex-shrink:0;place-items:center;display:grid}.task-row.done .check{border-color:var(--blue);background:var(--blue-subtle)}.task-main{flex:1;min-width:0;overflow:hidden}.task-main strong{font-size:var(--fs-body-sm);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.task-badges-row{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;margin-top:2px;display:flex}.week-col.drag-over,.week-col.is-today.drag-over,.month-cell.drag-over{border-color:var(--blue);background:var(--blue-subtle);box-shadow:0 0 0 2px var(--blue)}.task-row[draggable=true]{cursor:grab}.task-row[draggable=true]:active{cursor:grabbing}.task-action-popover{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--sp-2);z-index:50;flex-direction:column;gap:2px;min-width:180px;margin-top:4px;display:flex;position:absolute;top:100%;right:0}.task-action-popover-item{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--ink);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:0;width:100%;font-weight:650;display:flex}.task-action-popover-item:hover{background:var(--bg-hover)}.project-badge{font-size:var(--fs-micro);border-radius:var(--radius-xs);background:var(--bg-hover);color:var(--ink);white-space:nowrap;align-items:center;gap:3px;padding:1px 5px;font-weight:750;display:inline-flex}.project-badge i{border-radius:50%;flex-shrink:0;width:5px;height:5px}.task-span-badge{font-size:var(--fs-micro);border-radius:var(--radius-xs);background:var(--blue-subtle);color:var(--blue);white-space:nowrap;align-items:center;gap:3px;padding:1px 5px;font-weight:750;display:inline-flex}.task-time-badge{font-size:var(--fs-micro);border-radius:var(--radius-xs);background:var(--blue-subtle);color:var(--blue);white-space:nowrap;align-items:center;gap:2px;padding:1px 5px;font-weight:750;display:inline-flex}.task-repeat-badge{font-size:var(--fs-micro);border-radius:var(--radius-xs);background:var(--purple-subtle);color:var(--purple);white-space:nowrap;align-items:center;gap:2px;padding:1px 5px;font-weight:750;display:inline-flex}.task-actions{opacity:0;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;transition:opacity .15s;display:flex}.task-row:hover .task-actions{opacity:1}.task-row.compact{padding:var(--sp-2) var(--sp-2);font-size:var(--fs-overline);border-radius:var(--radius-sm);gap:var(--sp-2);align-items:flex-start}.task-row.compact .check{width:14px;height:14px;margin-top:2px}.task-row.compact strong{font-size:var(--fs-caption);word-break:break-word;white-space:normal;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.task-row.compact .task-badges-row{flex-wrap:wrap;align-items:center;gap:3px;margin-top:3px;display:flex}.task-row.compact .due{font-size:var(--fs-micro);white-space:nowrap}.task-row.compact .token-chip,.task-row.compact .project-badge,.task-row.compact .task-time-badge,.task-row.compact .task-repeat-badge,.task-row.compact .task-span-badge{font-size:var(--fs-micro);white-space:nowrap;padding:0 3px}.project-detail-workspace{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-5);width:100%;min-height:600px;box-shadow:var(--shadow-sm)}.gantt-view-container{gap:var(--sp-3);flex-direction:column;display:flex}.gantt-subhead{padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.gantt-chart-shell{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-card);min-height:500px;box-shadow:var(--shadow-sm);grid-template-columns:280px 1fr;display:grid;overflow:hidden}.gantt-tree-col{border-right:1px solid var(--line);background:var(--ux-sunken);flex-direction:column;display:flex}.gantt-tree-head{height:64px;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-overline);color:var(--muted);letter-spacing:.06em;border-bottom:1px solid var(--line);background:var(--bg-hover);align-items:center;font-weight:800;display:flex}.gantt-tree-body{flex-direction:column;flex:1;display:flex}.gantt-tree-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:36px;padding:0 12px;display:flex}.gantt-tree-row.is-parent{background:var(--bg-hover);font-weight:750}.gantt-tree-row.is-child{padding-left:var(--sp-6)}.gantt-timeline-col{background:var(--bg-card);flex-direction:column;display:flex;position:relative;overflow-x:auto}.gantt-header-months{background:var(--bg-hover);border-bottom:1px solid var(--line);min-width:680px;height:32px;display:flex}.gantt-header-weeks{background:var(--bg-card);border-bottom:1px solid var(--line);min-width:680px;height:32px;display:flex}.gantt-week-cell.is-current-week{background:var(--blue-subtle);font-weight:800}.gantt-rows-canvas{background-image:repeating-linear-gradient(to right, transparent, transparent calc((100% / 9) - 1px), var(--line) calc((100% / 9) - 1px), var(--line) calc(100% / 9));flex:1;min-width:680px;position:relative}.gantt-canvas-row{border-bottom:1px solid var(--line);align-items:center;height:36px;display:flex;position:relative}.gantt-bar-item{border-radius:var(--radius-xs);color:#fff;height:20px;font-size:var(--fs-micro);white-space:nowrap;text-overflow:ellipsis;box-shadow:var(--shadow-sm);z-index:2;cursor:pointer;align-items:center;padding:0 8px;font-weight:750;display:flex;position:absolute;overflow:hidden}.gantt-dot-item{border-radius:var(--radius-xs);z-index:2;width:12px;height:12px;box-shadow:var(--shadow-sm);position:absolute}.project-kpi-grid{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));display:grid}.kpi-card{padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm)}.kpi-card span{font-size:var(--fs-micro);color:var(--muted);letter-spacing:.05em;font-weight:800;display:block}.project-weekly-container{gap:var(--sp-3);flex-direction:column;width:100%;display:flex}.project-weekly-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.project-weekly-title-wrap{align-items:center;gap:var(--sp-2);display:flex}.project-weekly-badge{font-size:var(--fs-overline);padding:2px var(--sp-2);border-radius:var(--radius-sm);background:var(--blue-subtle);color:var(--blue);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.project-weekly-title{font-size:var(--fs-body);color:var(--ink);font-weight:850}.project-weekly-nav{align-items:center;gap:var(--sp-2);display:flex}.project-weekly-nav-btn{border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font-size:var(--fs-caption);padding:5px var(--sp-3);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:5px;font-weight:700;transition:all .15s;display:inline-flex}.project-weekly-nav-btn:hover{background:var(--bg-hover);border-color:var(--line-strong)}.project-weekly-nav-btn.is-today{background:var(--blue-subtle);color:var(--blue);border-color:var(--blue);font-weight:800}.project-weekly-toolbar{padding:var(--sp-2) var(--sp-3);background:var(--bg-hover);border:1px solid var(--line);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.toolbar-group{padding-right:var(--sp-2);margin-right:var(--sp-2);border-right:1px solid var(--line);align-items:center;gap:2px;display:inline-flex}.project-weekly-grid{gap:var(--sp-4);grid-template-columns:1fr 1fr;min-height:480px;display:grid}.project-weekly-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.project-weekly-card:hover{border-color:var(--line-strong)}.project-weekly-card.is-active{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.project-weekly-card-head{padding:var(--sp-3) var(--sp-4);background:var(--bg-hover);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.project-weekly-col-badge{font-size:var(--fs-micro);color:var(--blue);background:var(--bg-card);padding:2px var(--sp-2);border-radius:var(--radius-xs);border:1px solid var(--line);font-weight:800}.project-weekly-card-title{font-size:var(--fs-body-sm);color:var(--ink);margin:0;font-weight:800}.project-weekly-card-status{font-size:var(--fs-overline);color:var(--green);font-weight:700}.project-weekly-editor-wrap{padding:var(--sp-4);flex-direction:column;flex:1;min-height:360px;display:flex}.project-weekly-editor{font-size:var(--fs-body-sm);color:var(--ink);outline:none;flex:1;min-height:320px;line-height:1.7}.report-breakdown-section{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-5);margin-top:var(--sp-4);box-shadow:var(--shadow-sm)}.report-tasks-table{border-collapse:collapse;width:100%;font-size:var(--fs-caption);margin-top:var(--sp-3)}.report-tasks-table th,.report-tasks-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);text-align:left}.report-tasks-table th{background:var(--bg-hover);color:var(--muted);font-weight:800;font-size:var(--fs-overline)}.kpi-card strong{font-size:var(--fs-display);color:var(--ink);margin:3px 0 1px;font-weight:850;display:block}.kpi-card p{font-size:var(--fs-overline);color:var(--muted);margin:0}.notebook-workspace{gap:var(--sp-4);grid-template-columns:240px 1fr;min-height:560px;display:grid}.notebook-workspace.three-columns{grid-template-columns:232px var(--notebook-col2-w,290px) 1fr;gap:var(--sp-3);align-items:stretch;min-height:600px;display:grid;position:relative}.notebook-tree-panel{background:var(--ux-sunken);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-3);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow-y:auto}.notebook-pages-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-3);box-shadow:var(--shadow-sm);flex-direction:column;min-width:0;display:flex;position:relative;overflow-y:auto}.notebook-editor-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-4);box-shadow:var(--shadow-sm);flex-direction:column;min-width:0;display:flex;overflow-y:auto}.notebook-cards-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.notebook-workspace.three-columns>.pane-resizer{cursor:col-resize;z-index:10;background:0 0;border-radius:3px;width:6px;margin:0 -3px;transition:background .15s}.notebook-workspace.three-columns>.pane-resizer:hover,.notebook-workspace.three-columns>.pane-resizer.is-resizing{background:var(--blue)}body.is-pane-resizing,body.is-pane-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.notebook-page-item{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;flex-direction:column;gap:3px;width:100%;transition:all .15s;display:flex}.notebook-page-item:hover{background:var(--bg-hover)}.notebook-page-item.active{background:var(--blue-subtle);border-color:var(--blue)}.notebook-page-title{font-size:var(--fs-caption);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.notebook-page-preview{font-size:var(--fs-micro);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quicknote-full-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-5);width:100%;box-shadow:var(--shadow-sm)}.tree-project-group{margin-bottom:var(--sp-2)}.tree-item-btn{justify-content:space-between;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--ink-secondary);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:650;display:flex}.tree-item-btn:hover{background:var(--bg-hover);color:var(--ink)}.tree-item-btn.active{background:var(--blue-subtle);color:var(--blue);font-weight:750}.tree-sub-sections{margin-left:var(--sp-4);padding-left:var(--sp-2);border-left:1.5px solid var(--line);flex-direction:column;gap:2px;margin-top:3px;display:flex}.note-grid{gap:var(--sp-4);margin-top:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));display:grid}.note-card{min-height:160px;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-card);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;transition:all .15s;display:flex;position:relative}.note-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.note-card h3{font-size:var(--fs-body);color:var(--ink);margin:4px 0 3px;font-weight:800;line-height:1.3}.note-meta{font-size:var(--fs-micro);color:var(--muted);justify-content:space-between;align-items:center;font-weight:750;display:flex}html[data-theme=dark] .bg-white{color:#0f172a!important;background:#f8fafc!important}html[data-theme=dark] .bg-black{background:#12151c!important}html[data-theme=dark] .bg-yellow{background:#3a321d!important}html[data-theme=dark] .bg-green{background:#19382b!important}html[data-theme=dark] .bg-blue{background:#1e2d4a!important}html[data-theme=dark] .bg-pink{background:#3b202e!important}html[data-theme=dark] .bg-purple{background:#301f4a!important}html[data-theme=dark] .bg-gray{background:#1e293b!important}html[data-theme=light] .bg-white{background:#fff!important}html[data-theme=light] .bg-black{color:#e8eaf0!important;background:#1f2430!important}html[data-theme=light] .bg-yellow{background:#fffdf0!important}html[data-theme=light] .bg-green{background:#f2faf5!important}html[data-theme=light] .bg-blue{background:#f0f7ff!important}html[data-theme=light] .bg-pink{background:#fff2f5!important}html[data-theme=light] .bg-purple{background:#faf5ff!important}html[data-theme=light] .bg-gray{background:#f8fafc!important}.notics-menu-pop{z-index:30;background:var(--ux-overlay);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:170px;box-shadow:var(--shadow-md);flex-direction:column;gap:1px;margin-top:3px;padding:5px;display:flex;position:absolute;top:100%;left:0}.notics-slash-pop{z-index:40;background:var(--ux-overlay);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:190px;max-height:280px;box-shadow:var(--shadow-md);flex-direction:column;gap:1px;padding:5px;display:flex;position:absolute;overflow-y:auto}.notics-menu-label{font-size:var(--fs-micro);color:var(--muted);letter-spacing:.06em;padding:4px 8px 2px;font-weight:800}.notics-menu-sep{background:var(--line);height:1px;margin:3px 2px}.notics-menu-item{align-items:center;gap:var(--sp-2);text-align:left;border-radius:var(--radius-xs);width:100%;padding:var(--sp-2) var(--sp-2);font-size:var(--fs-caption);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-weight:650;display:flex}.notics-menu-item:hover,.notics-menu-item.is-active{background:var(--ux-fill)}.notics-editor-body img{border-radius:var(--radius-xs);max-width:100%;margin:4px 0}.modal-backdrop{background:rgba(var(--dt-color-channel-scrim), .55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99;padding:var(--sp-4);place-items:center;display:grid;position:fixed;inset:0}.large-note-dialog{background:var(--ux-overlay);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-6);box-shadow:var(--shadow-lg);flex-direction:column;width:min(94vw,1100px);height:min(90vh,760px);display:flex;overflow:hidden}.composer{background:var(--ux-overlay);border-radius:var(--radius-md);padding:var(--sp-5);box-shadow:var(--shadow-lg);width:min(100%,560px);max-height:92vh;overflow-y:auto}.composer-header{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.close,.icon-btn{border-radius:var(--radius-xs);color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:5px;display:inline-flex}.close:hover,.icon-btn:hover{background:var(--bg-hover);color:var(--ink)}.editor-toolbar{padding:var(--sp-2) var(--sp-3);background:var(--bg-hover);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:var(--sp-3);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tool-btn{border:1px solid var(--line);background:var(--bg-card);border-radius:var(--radius-xs);padding:4px var(--sp-2);font-size:var(--fs-caption);color:var(--ink);cursor:pointer;align-items:center;gap:2px;font-weight:700;display:inline-flex}.tool-btn:hover{background:var(--bg-hover)}.large-editor-area{padding:var(--sp-4) var(--sp-2);font-size:var(--fs-body);color:var(--ink);outline:none;flex:1;line-height:1.75;overflow-y:auto}.rich-rendered h1{font-size:var(--fs-display);margin:12px 0 6px;font-weight:800}.rich-rendered h2{font-size:var(--fs-title);margin:10px 0 4px;font-weight:750}.rich-rendered p{margin:0 0 8px}.rich-rendered ul,.rich-rendered ol{margin:4px 0 8px 18px;padding:0}.rich-rendered li{margin-bottom:3px}.rich-rendered .todo-item{align-items:center;gap:var(--sp-2);margin:3px 0;display:flex}.rich-rendered .todo-item input[type=checkbox]{width:14px;height:14px;margin:0}.rich-rendered table,.ql-editor table{border-collapse:collapse;width:100%;font-size:var(--fs-body-sm);margin:8px 0}.rich-rendered td,.rich-rendered th,.ql-editor td,.ql-editor th{border:1px solid var(--line);padding:var(--sp-2) var(--sp-2);text-align:left}.rich-rendered th,.ql-editor th,.ql-editor tr:first-child td{background:var(--bg-hover);font-weight:700}.rich-rendered pre,.ql-editor pre.ql-syntax{background:var(--bg-hover);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-3);font-size:var(--fs-caption);overflow-x:auto}.rich-rendered blockquote,.ql-editor blockquote{border-left:3px solid var(--blue);padding:2px var(--sp-3);color:var(--ink-secondary);margin:8px 0}.notics-editor{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-card);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.notics-editor-toolbar{padding:var(--sp-2) var(--sp-2);background:var(--bg-hover);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:3px;display:flex}.notics-tb-btn{border-radius:var(--radius-xs);padding:4px var(--sp-2);font-size:var(--fs-caption);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;font-weight:700}.notics-tb-btn:hover{background:var(--bg-card);border-color:var(--line)}.notics-tb-sep{background:var(--line);align-self:stretch;width:1px;margin:2px 3px}.notics-color-pop{z-index:20;padding:var(--sp-2);background:var(--ux-overlay);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);grid-template-columns:repeat(5,1fr);gap:4px;margin-top:3px;display:grid;position:absolute;top:100%;left:0}.notics-color-pop span{border-radius:var(--radius-xs);cursor:pointer;border:1px solid #0000001a;width:20px;height:20px}.notics-table-grid-pop{z-index:20;padding:var(--sp-2);background:var(--ux-overlay);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-direction:column;gap:3px;margin-top:3px;display:flex;position:absolute;top:100%;left:0}.notics-table-grid-pop span{border:1px solid var(--line);border-radius:var(--radius-xs);cursor:pointer;background:var(--bg-hover);width:18px;height:18px}.notics-table-grid-pop span:hover{background:var(--blue)}.notics-find-bar{top:var(--sp-6);right:var(--sp-4);z-index:35;align-items:center;gap:var(--sp-1);background:var(--ux-overlay);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-2);box-shadow:var(--shadow-lg);display:flex;position:absolute}.notics-find-input{border:1px solid var(--line);border-radius:var(--radius-xs);padding:3px var(--sp-2);font-size:var(--fs-caption);background:var(--bg-card);color:var(--ink);outline:none;width:140px}.notics-find-count{font-size:var(--fs-overline);color:var(--muted);text-align:center;min-width:38px}.notics-bubble-toolbar{z-index:40;background:var(--ux-overlay);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px var(--sp-2);box-shadow:var(--shadow-lg);margin-top:calc(-1 * var(--sp-2));align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-100%)}.notics-bubble-toolbar .notics-tb-btn{padding:2px var(--sp-2);font-size:var(--fs-caption)}.notics-editor-body{flex:1;min-height:220px;overflow-y:auto}.notics-editor-body .ql-container.ql-snow{font-size:var(--fs-body);border:0}.notics-editor-body .ql-editor{padding:var(--sp-4) var(--sp-5);color:var(--ink);line-height:1.75}.notics-editor-body .ql-editor.ql-blank:before{color:var(--muted);font-style:normal;left:18px}.notics-editor-body .ql-editor h1{font-size:var(--fs-display);font-weight:800}.notics-editor-body .ql-editor h2{font-size:var(--fs-title);font-weight:750}.form-row{gap:var(--sp-3);margin-bottom:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}label{font-size:var(--fs-caption);color:var(--ink-secondary);margin-bottom:var(--sp-3);font-weight:700;display:block}label input,label select,label textarea{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--fs-caption);background:var(--bg-card);color:var(--ink);outline:none;margin-top:3px}.color-swatches{gap:var(--sp-2);margin-top:4px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px}.color-swatch.selected{border-color:var(--ink);transform:scale(1.1)}.composer-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-4);border-top:1px solid var(--line);padding-top:var(--sp-3);display:flex}.settings-dialog{background:var(--ux-overlay);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-lg);width:min(100%,640px);max-height:88vh;overflow-y:auto}.settings-section-card{padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-hover);margin-bottom:var(--sp-3)}.mobile-nav{height:calc(60px + env(safe-area-inset-bottom));background:var(--bg-card);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;padding:4px 6px calc(4px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--muted);font-size:var(--fs-micro);padding:3px var(--sp-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;font-weight:700;transition:all .15s;display:flex}.mobile-nav-item.active{color:var(--ink);font-weight:800}.mobile-nav-badge{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.mobile-nav-item.active .mobile-nav-badge{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mobile-nav-badge.task{color:#326ce5;background:#326ce51f}.mobile-nav-item.active.task .mobile-nav-badge{color:#fff;background:#326ce5}.mobile-nav-badge.note{color:#10b981;background:#10b9811f}.mobile-nav-item.active.note .mobile-nav-badge{color:#fff;background:#10b981}.mobile-nav-badge.project{color:#8b5cf6;background:#8b5cf61f}.mobile-nav-item.active.project .mobile-nav-badge{color:#fff;background:#8b5cf6}.mobile-nav-badge.quickNote{color:#f59e0b;background:#f59e0b1f}.mobile-nav-item.active.quickNote .mobile-nav-badge{color:#fff;background:#f59e0b}.mobile-nav-badge.paint{color:#ec4899;background:#ec48991f}.mobile-nav-item.active.paint .mobile-nav-badge{color:#fff;background:#ec4899}.mobile-nav-badge.premium{color:#d97706;background:#d977061f}.mobile-nav-item.active.premium .mobile-nav-badge{color:#fff;background:#d97706}.mobile-nav-badge.dashboard{color:#0ea5e9;background:#0ea5e91f}.mobile-nav-item.active.dashboard .mobile-nav-badge{color:#fff;background:#0ea5e9}.mobile-nav-badge.settings{color:#64748b;background:#64748b1f}.mobile-nav-item.active.settings .mobile-nav-badge{color:#fff;background:#64748b}.fab{background:var(--blue);color:#fff;width:48px;height:48px;font-size:var(--fs-display);box-shadow:var(--shadow-accent);z-index:29;cursor:pointer;border:0;border-radius:50%;place-items:center;display:none;position:fixed;bottom:68px;right:16px}.overdue-section{background:var(--red-subtle);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);border:1px solid #fca5a580}.overdue-header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.overdue-title{align-items:center;gap:var(--sp-2);font-size:var(--fs-body-sm);color:var(--red);font-weight:800;display:flex}.overdue-badge{background:var(--red);color:#fff;font-size:var(--fs-micro);padding:1px var(--sp-2);border-radius:var(--radius-full);font-weight:800}.overdue-tasks-list{gap:var(--sp-2);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed #fca5a5;flex-direction:column;display:flex}.day-progress-wrapper{background:var(--bg-hover);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-4);align-items:center;gap:var(--sp-3);display:flex}.day-progress-bar{background:var(--line);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.day-progress-fill{background:var(--green);height:100%;transition:width .3s}.day-bucket-header{align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--line);margin:14px 0 6px;padding-bottom:4px;display:flex}.day-bucket-title{font-size:var(--fs-overline);color:var(--muted);letter-spacing:.06em;font-weight:800}.day-bucket-count{font-size:var(--fs-micro);color:var(--muted);font-weight:750}.task-quick-menu{align-items:center;gap:4px;display:inline-flex}.task-quick-btn{border:1px solid var(--line);background:var(--bg-card);font-size:var(--fs-micro);color:var(--ink-secondary);padding:2px var(--sp-2);border-radius:var(--radius-xs);cursor:pointer;align-items:center;gap:2px;font-weight:700;transition:all .15s;display:inline-flex}.task-quick-btn:hover{background:var(--bg-hover);color:var(--ink);border-color:var(--line-strong)}.task-quick-btn.p1{color:var(--red);background:var(--red-subtle);border-color:#fca5a5}.task-quick-btn.p2{color:var(--yellow);background:var(--yellow-subtle);border-color:#fde68a}.rich-rendered table{border-collapse:collapse;width:100%;font-size:var(--fs-body-sm);margin:8px 0}.rich-rendered th,.rich-rendered td{border:1px solid var(--line);padding:var(--sp-2) var(--sp-3);text-align:left}.rich-rendered th{background:var(--bg-hover);font-weight:750}.dashboard-wrapper{gap:var(--sp-5);flex-direction:column;width:100%;max-width:1100px;margin:0 auto;display:flex}.dashboard-metrics-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.dashboard-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-5);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.dashboard-charts-grid{gap:var(--sp-4);grid-template-columns:1.3fr 1fr;display:grid}.velocity-bars-container{align-items:flex-end;gap:var(--sp-3);border-bottom:1px solid var(--line);height:180px;padding:12px 0 6px;display:flex}.velocity-bar-col{align-items:center;gap:var(--sp-2);flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.velocity-bar{border-radius:var(--radius-sm) 6px 0 0;background:var(--blue);width:100%;max-width:28px;min-height:4px;transition:height .3s}.velocity-bar.today{background:linear-gradient(to top, var(--blue), #60a5fa);box-shadow:0 0 8px #326ce560}.velocity-day-label{font-size:var(--fs-micro);color:var(--muted);font-weight:750}.priority-progress-bar{background:var(--bg-hover);border-radius:var(--radius-full);border:1px solid var(--line);width:100%;height:7px;margin-top:5px;overflow:hidden}.priority-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}@media (max-width:960px){.notebook-workspace,.notebook-workspace.three-columns{grid-template-columns:1fr}.notebook-workspace.three-columns>.pane-resizer{display:none}.gantt-chart-shell{grid-template-columns:1fr}.calendar-week-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}.premium-pricing-grid,.dashboard-charts-grid{grid-template-columns:1fr}}.nav-backdrop{background:rgba(var(--dt-color-channel-scrim), .42);z-index:39;display:none;position:fixed;inset:0}.nav-drawer-toggle{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg-card);width:36px;height:36px;color:var(--ink);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:none}@media (max-width:1080px) and (min-width:861px){.sidebar{width:68px;padding:var(--sp-4) var(--sp-2);align-items:center}.sidebar .brand span,.sidebar .nav-label,.sidebar .nav-badge,.sidebar .nav-count,.sidebar .side-section,.sidebar .account span,.sidebar .account .icon-btn{display:none}.sidebar .nav-item{padding:var(--sp-3);justify-content:center;gap:0}.sidebar .account{padding:var(--sp-2);justify-content:center}.workspace{padding:var(--sp-5)}}@media (max-width:860px) and (min-width:621px){.sidebar{z-index:40;width:min(280px,82vw);box-shadow:0 12px 40px rgba(var(--dt-color-channel-black), .18);transition:transform .22s cubic-bezier(.4,0,.2,1);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none}.nav-backdrop{display:block}.nav-drawer-toggle{display:inline-flex}.workspace{padding:var(--sp-4) var(--sp-5)}}@media (max-width:620px){.sidebar{display:none}.workspace{padding:14px 14px calc(76px + env(safe-area-inset-bottom))}.mobile-nav{display:flex;overflow-x:auto}.mobile-nav-item{flex:none;min-width:52px}.fab{bottom:calc(72px + env(safe-area-inset-bottom));display:grid}.form-row{grid-template-columns:1fr}.modal-backdrop{align-items:stretch;padding:0}.large-note-dialog,.composer,.settings-dialog{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.settings-full-grid,.premium-pricing-grid,.dashboard-metrics-grid{grid-template-columns:1fr}.notics-menu-pop,.notics-slash-pop{max-width:min(88vw,260px)}.notics-editor-toolbar{gap:2px;padding:5px 6px}.gantt-chart-shell,.notebook-workspace,.notebook-workspace.three-columns{grid-template-columns:1fr}}html[data-layout-mode=compact] .notebook-workspace.three-columns,html[data-layout-mode=tight] .notebook-workspace.three-columns,html[data-layout-mode=compact] .gantt-chart-shell,html[data-layout-mode=tight] .gantt-chart-shell{grid-template-columns:1fr}html[data-layout-mode=tight] .view-tabs-bar{align-items:stretch;gap:var(--sp-2);flex-direction:column}html[data-layout-mode=tight] .date-nav-controls{justify-content:space-between;width:100%}html[data-layout-mode=tight] .view-tab-btn-group{width:100%;display:flex}html[data-layout-mode=tight] .view-tab-btn{text-align:center;flex:1}html[data-layout-mode=tight] .calendar-week-grid{grid-template-columns:1fr}html[data-layout-mode=tight] .month-calendar-grid{white-space:nowrap;display:block;overflow-x:auto}html[data-layout-mode=tight] .month-calendar-grid .month-cell{min-width:calc(var(--sp-6) * 4);vertical-align:top;white-space:normal;display:inline-flex}html[data-ui-scale=large]:not([data-layout-mode=wide]) .sidebar{width:calc(var(--sp-6) * 10)}