:root{--bg:#1a1a1a;--surface:#1e1e1e;--ink:#ececec;--muted:#8a8a8a;--line:#2a2a2a;--line-strong:#3a3a3a;--accent:#4772fa;--accent-hover:#6d90ff;--accent-soft:#1b2744;--danger:#e06a6a;--danger-soft:#3a1c1c;--shadow:0 12px 40px #0006;--radius:10px;--radius-sm:8px;--font:"Outfit", system-ui, sans-serif;--serif:"Fraunces", "Times New Roman", serif;--safe-bottom:env(safe-area-inset-bottom,0px);--motion-quick:.15s;--motion-fast:.25s;--ease-smooth-out:cubic-bezier(.22, 1, .36, 1)}html,body,#root{min-height:100%}.app-shell{min-height:100dvh}.app-main{padding:20px 16px calc(24px + var(--safe-bottom));max-width:1120px;margin:0 auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.page-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.page-head h1{font-family:var(--serif);letter-spacing:-.03em;font-size:34px;font-weight:500;line-height:1.1}.page-head p,.lede{color:var(--muted);max-width:46ch}.mobile-bar,.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f6f3eb}.mobile-bar{z-index:25;border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:8px 12px;display:flex;position:sticky;top:0}.mobile-bar .brand-name{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-family:var(--serif);font-weight:500;overflow:hidden}.mobile-bar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.mobile-brand-mark{border-radius:8px;width:28px;height:28px}.nav-backdrop{z-index:41;background:#14141452;border:0;padding:0;position:fixed;inset:0}.nav-link{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.nav-link svg{width:22px;height:22px}.nav-link.active svg{color:var(--accent)}.nav-link .badge{margin-left:auto}.sidebar{z-index:42;border-right:1px solid var(--line);visibility:hidden;pointer-events:none;width:min(300px,86vw);transition:transform var(--motion-fast) var(--ease-smooth-out), visibility var(--motion-fast);flex-direction:column;padding:20px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:auto;transform:translate(-100%)}.sidebar.open{visibility:visible;pointer-events:auto;box-shadow:var(--shadow);transform:translate(0)}.sidebar nav{flex-direction:column;gap:4px;display:flex}.icon-btn{background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.icon-btn svg{width:18px;height:18px}.menu-open svg,.mobile-bar .custom-open svg{width:22px;height:22px;display:block}.drawer-close{flex-shrink:0}.stack{flex-direction:column;gap:16px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card h2{margin-bottom:12px;font-size:15px;font-weight:600}.section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.btn{background:var(--ink);color:#fff;min-height:44px;transition:background var(--motion-quick) var(--ease-smooth-out), transform var(--motion-quick) var(--ease-smooth-out);border:0;border-radius:999px;padding:10px 16px;font-weight:600}.btn:hover{background:#000}.btn:active{transform:scale(.96)}.btn.secondary{background:var(--accent-soft);color:var(--accent-hover)}.btn.ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.btn.small{min-height:36px;padding:7px 12px;font-size:13px}.pill{background:var(--bg);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hover);background:var(--accent-soft);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.brand-copy{flex:1;min-width:0}.brand-mark,.brand-mark-img{object-fit:cover;background:#0a0a0a;border-radius:10px;flex-shrink:0;width:36px;height:36px;display:block}.brand-name{font-family:var(--serif);letter-spacing:-.03em;font-size:20px}.toast{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 16px);background:var(--ink);color:#fff;z-index:50;box-shadow:var(--shadow);border-radius:14px;padding:12px 14px;position:fixed}.capacity-card{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.capacity-track{background:var(--line);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.capacity-fill{background:var(--accent);border-radius:inherit;width:38%;height:100%}.task-row{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:12px;width:100%;padding:12px;display:flex}.task-row strong{font-size:15px;font-weight:600;display:block}.task-meta{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:4px;font-size:12px;display:flex}.checkbox{border:1.5px solid var(--line-strong);background:#fff;border-radius:999px;flex-shrink:0;width:22px;height:22px;margin-top:1px}.coming-soon{gap:10px;display:grid}.coming-soon article{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.customize-layout{gap:20px;display:grid}.widget-library h2,.page-canvas-head h2,.drop-slot h3{font-family:var(--serif);letter-spacing:-.03em;font-weight:500}.widget-library h2{margin:4px 0 8px;font-size:28px}.widget-grid{gap:12px;margin-top:16px;display:grid}.widget-card{background:var(--surface);border:1px solid var(--line);transition:border-color var(--motion-quick) var(--ease-smooth-out), box-shadow var(--motion-quick) var(--ease-smooth-out);border-radius:20px;gap:10px;padding:14px;display:grid;box-shadow:0 0 0 1px #1414140a,0 8px 24px #1414140a}.widget-card.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.widget-card-head{align-items:flex-start;gap:8px;display:flex}.widget-card-head h3{font-size:16px;font-weight:600}.widget-blurb{color:var(--muted);font-size:13px}.widget-grip{border:1px solid var(--line);background:var(--bg);cursor:grab;touch-action:none;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.widget-grip:active{cursor:grabbing}.widget-preview{background:var(--bg);border:1px solid var(--line);border-radius:14px;place-items:center;min-height:240px;padding:10px;display:grid;overflow:hidden}.page-canvas{background:var(--surface);border:1px dashed var(--line-strong);transition:border-color var(--motion-quick) var(--ease-smooth-out), background var(--motion-quick) var(--ease-smooth-out);border-radius:24px;gap:14px;padding:16px;display:grid}.page-canvas.is-over,.drop-slot.is-over{background:var(--accent-soft);border-color:var(--accent)}.page-canvas-head p:last-child{color:var(--muted);font-size:14px}.drop-slot{border:1px dashed var(--line-strong);background:var(--bg);border-radius:18px;padding:14px}.canvas-tasks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.canvas-tasks li{background:var(--bg);border-radius:12px;padding:10px 12px}.canvas-tasks span{color:var(--muted);font-size:12px;display:block}.drag-ghost{z-index:80;background:var(--ink);color:#fff;pointer-events:none;box-shadow:var(--shadow);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;position:fixed;transform:translate(-50%,-120%)}.clock-wrap,.wheels{justify-items:center;gap:10px;width:100%;display:grid}.clock-svg{touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block;overflow:visible}.clock-svg.is-live{cursor:grab}.clock-svg.is-live:active,.clock-svg.is-hour,.clock-svg.is-minute{cursor:grabbing}.clock-bezel{fill:var(--ink)}.clock-face{fill:#fff}.clock-rail{fill:none;stroke:var(--line);stroke-width:1px;pointer-events:none}.clock-min-label{fill:var(--muted);pointer-events:none;font-size:9px;font-weight:700}.clock-hour-label{fill:var(--ink);font-family:var(--serif);pointer-events:none;font-size:22px;font-weight:500}.clock-hour-label.is-cardinal{font-size:26px}.clock-min-label.is-active,.clock-hour-label.is-active{fill:var(--accent-hover);font-weight:700}.clock-tick{stroke:var(--line-strong);stroke-width:1.5px;stroke-linecap:round;pointer-events:none}.clock-tick.major{stroke:var(--ink);stroke-width:2.2px}.clock-hand{pointer-events:auto;will-change:transform}.clock-hand .clock-shape{stroke-linejoin:round;stroke-linecap:round}.clock-hand.minute .clock-shape{fill:var(--accent)}.clock-hand.hour .clock-shape{fill:var(--ink)}.clock-hand.is-active .clock-shape{fill:var(--accent-hover)}.clock-hit{fill:#0000}.clock-cap{fill:var(--accent);stroke:var(--surface);stroke-width:3px;pointer-events:none}.clock-readout{justify-items:center;gap:8px;display:grid}.clock-readout strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:20px}.clock-hint{color:var(--muted);text-align:center;max-width:36ch;font-size:12px}.seg{background:var(--bg);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{min-width:52px;min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:999px;font-size:12px;font-weight:600}.seg button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #14141414}.wheels-face{grid-template-columns:1fr auto 1fr 1fr;align-items:center;gap:4px;width:min(320px,100%);display:grid;position:relative}.wheels-colon{font-family:var(--serif);color:var(--muted);font-size:28px}.wheels-rows{gap:8px;width:100%;display:grid}.wheels-row{grid-template-columns:44px 1fr;align-items:center;gap:8px;display:grid}.wheels-row:not(:has(.wheels-row-label)){grid-template-columns:1fr}.wheels-row-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.drum{position:relative;overflow:hidden}.drum-y{height:180px}.drum-x{height:56px}.widget-card .drum-y{height:140px}.drum-window{pointer-events:none;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;position:absolute;inset:0}.drum-y .drum-window{background:#ffffff8c;top:calc(50% - 22px);bottom:calc(50% - 22px)}.drum-x .drum-window{background:#ffffff8c;left:calc(50% - 28px);right:calc(50% - 28px)}.drum-scroller{scrollbar-width:none;overscroll-behavior:contain;width:100%;height:100%}.drum-scroller::-webkit-scrollbar{display:none}.drum-y .drum-scroller{scroll-snap-type:y mandatory;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.drum-x .drum-scroller{scroll-snap-type:x mandatory;touch-action:pan-x;-webkit-overflow-scrolling:touch;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.drum-y .drum-pad{height:68px}.drum-x .drum-pad{flex:0 0 calc(50% - 28px)}.widget-card .drum-y .drum-pad{height:48px}.drum-item{color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:0;font-size:20px;font-weight:600}.drum-y .drum-item{scroll-snap-align:center;width:100%;height:44px}.drum-x .drum-item{scroll-snap-align:center;flex:0 0 56px;height:56px}.drum-item.is-active{color:var(--ink)}.timeline-clock{width:100%}.day-timeline{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.day-hour{border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:76px 1fr;width:100%;min-height:44px;padding:0;display:grid}.day-hour:last-child{border-bottom:0}.day-hour-label{color:var(--muted);padding:6px 8px 0;font-size:11px}.step-seg{flex-wrap:wrap;justify-content:center;width:100%;margin-bottom:10px;display:flex}.step-seg button{min-width:58px}.day-hour-track{background-image:repeating-linear-gradient(to right, var(--line-strong) 0 1px, transparent 1px calc(100% / var(--slots,12)));background-color:#0000}.day-hour.is-over .day-hour-track,.day-hour:hover .day-hour-track{background-color:var(--accent-soft)}.timeline-clock.is-card .day-hour{grid-template-columns:58px 1fr;min-height:28px}.timeline-clock.is-card .day-timeline{max-height:180px;overflow:auto}.day-blocks{pointer-events:none;position:absolute;inset:0 8px 0 80px}.day-block{border:1px solid var(--line);background:var(--accent-soft);border-radius:10px;padding:6px 8px;position:absolute;left:0;right:4px}.day-block strong{font-size:13px;display:block}.day-block span{color:var(--muted);font-size:11px}.banner{background:var(--accent-soft);border:1px solid #0000;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.banner strong{display:block}.banner p{color:var(--accent-hover);font-size:13px}.matrix-grid{gap:10px;display:grid}.matrix-cell{border:1px solid var(--line);border-radius:16px;min-height:140px;padding:14px}.quad-do,.quad-schedule,.quad-delegate,.quad-drop{background:0 0}.matrix-quad.quad-do,.matrix-quad.quad-schedule,.matrix-quad.quad-delegate,.matrix-quad.quad-drop{background:#191919}.matrix-quad header i{display:none}.matrix-row{cursor:grab;background:#242424;border:1px solid #3a3a3a;border-radius:8px;align-items:center;gap:8px;min-height:40px;margin-bottom:6px;padding:0 10px;display:flex}.quad-add input{background:#1e1e1e;border:1px solid #3a3a3a;border-radius:8px}.lists-layout,.search-bar{gap:10px;display:grid}.list-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;min-height:52px;padding:0 14px;display:flex}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cal-dow,.cal-day{text-align:center;color:var(--muted);padding:8px 0;font-size:12px}.cal-day{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-height:44px}.cal-day.today{outline:2px solid var(--accent);outline-offset:-2px;color:var(--ink)}.input{border:1px solid var(--line-strong);background:#fff;border-radius:12px;outline:none;width:100%;min-height:44px;padding:10px 12px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.today-stack{margin-top:18px}.clock-card-head{margin-bottom:12px}.cal-clock,.settings-soon{margin-top:16px}@media (width>=900px){.mobile-bar,.nav-backdrop,.drawer-close{display:none}.app-shell{grid-template-columns:240px 1fr;display:grid}.sidebar{visibility:visible;pointer-events:auto;width:auto;height:100dvh;box-shadow:none;z-index:auto;padding:28px 18px;transition:none;position:sticky;top:0;transform:none}.app-main{padding:36px 40px 64px}.page-head h1{font-size:44px}.customize-layout{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:start}.widget-grid,.matrix-grid{grid-template-columns:1fr 1fr}.toast{width:360px;bottom:28px;left:auto;right:28px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html,body{color:#ececec;background:#1a1a1a}.mobile-bar,.sidebar{color:#ececec;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a1a1a}.sidebar{width:min(260px,86vw);padding:12px 10px 10px}.sidebar nav{flex:1}.nav-group{gap:1px;margin-bottom:8px;display:grid}.nav-group>p{color:#8a8a8a;letter-spacing:0;text-transform:none;margin:14px 10px 4px;font-size:12px;font-weight:500}.nav-link{color:#d0d0d0;border-radius:8px;gap:8px;min-height:32px;padding:0 8px;font-size:13px;font-weight:500}.nav-link svg{color:#bdbdbd;width:16px;height:16px}.nav-link em{color:#8a8a8a;margin-left:auto;font-size:12px;font-style:normal}.nav-link.active{color:#fff;background:#333}.nav-link.active svg,.nav-link.active em{color:#fff}.week-strip{color:#8a8a8a;text-align:center;border-top:1px solid #2a2a2a;grid-template-columns:repeat(7,1fr);margin-top:auto;padding-top:8px;font-size:11px;display:grid}.week-strip .is-today{color:#fff;font-weight:700}.app-main{background:#1e1e1e;width:100%;max-width:none;margin:0}.tick-page{width:100%}.tt-title{align-items:center;gap:8px;min-height:44px;margin-bottom:8px;display:flex}.tt-title svg{width:18px;height:18px}.tt-title h1,.page-head h1,.dash-head h1{letter-spacing:-.02em;font-family:inherit;font-size:18px;font-weight:650;line-height:1.2}.text-link{color:#8a8a8a;background:0 0;border:0;margin-left:auto;font-size:13px}.task-panel{background:0 0;border:0;padding:0}.task-add{background:#2a2a2a;border:0;border-radius:10px;align-items:center;gap:8px;min-height:40px;margin-bottom:8px;padding:0 12px;display:flex}.add-fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;color:#fff;background:#4772fa;border:0;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:fixed;box-shadow:0 8px 24px #0006}.add-fab svg{width:28px;height:28px}.add-back{z-index:40;background:#00000073;position:fixed;inset:0}.add-compose{z-index:41;padding:8px 16px calc(10px + env(safe-area-inset-bottom));background:#161616;border-radius:18px 18px 0 0;position:fixed;left:0;right:0;box-shadow:0 -12px 40px #0000008c}.add-compose input{color:#fff;background:0 0;border:0;outline:none;width:100%;min-height:52px;font-size:17px}.add-compose input::placeholder{color:#8d8d8d}.add-compose-tools{border-top:1px solid #2a2a2a;align-items:center;gap:8px;min-height:44px;display:flex}.add-tool{color:#8eb6ff;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:inline-flex}.add-tool svg{width:20px;height:20px}.add-send{color:#fff;background:#4772fa;border:0;border-radius:50%;place-items:center;width:36px;height:36px;margin-left:auto;display:grid}.add-send svg{width:18px;height:18px}.add-send:disabled{opacity:.4}.task-add input{color:#eee;background:0 0;border:0;outline:none;width:100%;min-height:36px}.add-plus{color:#9a9a9a;place-items:center;display:grid}.add-plus svg{width:16px;height:16px}.task-panel ul{margin:0;padding:0;list-style:none}.task-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #2e2e2e;border-radius:0;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 4px;display:flex}.task-row:hover{background:0 0}.tick{color:#fff;border:1.5px solid #6a6a6a;border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.tick svg{width:12px;height:12px}.task-row.is-done .tick{background:#4772fa;border-color:#4772fa}.task-row.is-done strong{color:#8a8a8a;text-decoration:line-through}.task-copy{align-items:baseline;gap:8px;min-width:0;display:flex}.task-copy strong{font-size:14px;font-weight:400}.task-copy em,.task-done>p,.task-empty,.process-note{color:#8a8a8a;font-size:12px;font-style:normal}.dash-grid{flex-direction:column;display:flex}.dash-tile{background:0 0;border-bottom:1px solid #2e2e2e;align-items:center;gap:8px;min-height:36px;padding:0 4px;display:flex}.dash-count{color:#8a8a8a;margin-left:auto;font-size:12px;font-weight:500}.list-dot{background:#4772fa;border-radius:99px;flex-shrink:0;width:8px;height:8px}.dash-tile img,.goal-thumb{object-fit:cover;border-radius:4px;width:18px;height:18px}.input,.field input,.field textarea,.field select{color:#ececec;background:#2a2a2a;border-color:#3a3a3a}.btn{color:#fff;background:#4772fa;border-radius:8px;min-height:36px}.btn.ghost{color:#ececec;background:0 0;border:1px solid #3a3a3a}.card,.shelf-list li,.goal-row{background:0 0;border:0;border-bottom:1px solid #2e2e2e;border-radius:0}.matrix-page{width:100%}.matrix-page .tt-title{justify-content:space-between;align-items:flex-start}.matrix-page .tt-title p{color:#8a8a8a;margin-top:2px;font-size:13px;font-weight:400}.matrix-page .btn.small{flex-shrink:0;margin-left:16px}.matrix-tray{margin:4px 0 14px}.matrix-tray h2{color:#8a8a8a;margin-bottom:8px;font-size:12px;font-weight:600}.matrix-tray ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.matrix-chip{color:#ececec;cursor:grab;background:#242424;border:1px solid #333;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 10px 0 6px;font-size:13px;display:inline-flex}.matrix-chip svg,.matrix-row svg{color:#6a6a6a;flex-shrink:0;width:14px;height:14px}.matrix-board{grid-template-columns:1fr 1fr;gap:12px;min-height:calc(100dvh - 168px);display:grid}.matrix-quad{background:#191919;border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;min-height:240px;padding:14px 12px 10px;display:flex}.matrix-quad header{align-items:center;gap:8px;min-height:28px;margin-bottom:8px;display:flex}.matrix-quad header i{border-radius:99px;align-self:center;width:8px;height:8px}.matrix-quad header strong{font-size:14px;font-weight:600}.matrix-quad header em{color:#7a7a7a;font-size:12px;font-style:normal}.matrix-quad header span{color:#8a8a8a;margin-left:auto;font-size:12px}.quad-do header i{background:#e2b45a}.quad-schedule header i{background:#4772fa}.quad-delegate header i{background:#3dce86}.quad-drop header i{background:#6a6a6a}.matrix-quad ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.matrix-row{cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;background:#242424;border:1px solid #3a3a3a;border-radius:8px;align-items:center;gap:8px;min-height:40px;margin-bottom:6px;padding:0 10px;display:flex;position:relative}.task-ghost{z-index:90;pointer-events:none;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#1c1c1c;border:1px solid #8eb0ff;border-radius:8px;max-width:70vw;padding:8px 12px;font-size:14px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 10px 30px #00000073}.matrix-quad.is-over{border-color:#4772fa}.matrix-quad.is-box-drag{opacity:.92;z-index:6;position:relative}.quad-open{color:inherit;text-align:left;min-width:0;font:inherit;cursor:pointer;touch-action:none;background:0 0;border:0;flex:1;padding:0}.row-grip{display:none}.matrix-quad.is-open .row-grip{touch-action:none;cursor:grab;display:grid}.matrix-row.is-held,.matrix-chip.is-held,.process-row.is-held .task-row,.process-row.is-over .task-row{border-color:#4772fa}.widget-card-head.is-held{border-radius:8px;box-shadow:inset 0 0 0 1px #4772fa}.matrix-quad li.is-hover .matrix-row{border-color:#4772fa}.matrix-board.is-one{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.matrix-board.is-one .matrix-quad{display:none}.matrix-board.is-one .matrix-quad.is-open{display:flex}.matrix-edit{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;padding:0;display:flex}.matrix-row:hover{background:#242424}.matrix-row strong{flex:1;font-size:14px;font-weight:400}.row-move{opacity:0;color:#9a9a9a;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.matrix-row:hover .row-move,.row-move:focus{opacity:1}.row-menu{background:#242424;border:1px solid #333;border-radius:8px;gap:2px;margin:0 6px 8px;padding:6px;display:grid}.row-menu button{text-align:left;color:#d0d0d0;background:0 0;border:0;border-radius:6px;min-height:30px;padding:0 8px;font-size:13px}.row-menu button:hover{background:#333}.quad-empty{color:#5c5c5c;margin-top:auto;padding:8px 6px 4px;font-size:13px}.quad-add{margin-top:auto;padding-top:4px}.quad-add input{color:#ececec;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:8px;outline:none;width:100%;min-height:40px;padding:0 10px;font-size:14px}.quad-add input::placeholder{color:#6a6a6a}.matrix-quad{cursor:text}.one-screen{z-index:200;color:#fff;text-align:center;box-sizing:border-box;background:#000;justify-content:center;align-items:center;width:100vw;height:100dvh;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.one-stage{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.one-kicker{letter-spacing:.16em;text-transform:uppercase;color:#8a8a8a;text-align:center;width:100%;margin:0;padding:0;font-size:12px;font-weight:600;position:static;top:auto;left:auto;right:auto}.one-progress{display:none}.one-hit{width:100%;max-width:100%;color:inherit;cursor:pointer;appearance:none;box-sizing:border-box;text-align:center;letter-spacing:-.04em;background:0 0;border:0;margin:0;padding:0 24px;font-size:clamp(48px,12vw,92px);font-weight:560;line-height:1.05;animation:none;display:block;position:static;inset:auto;transform:none}.one-meta{width:100%;left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom));box-sizing:border-box;color:#6a6a6a;text-align:center;margin:0;padding:0 22px;font-size:13px;position:absolute}.one-actions,.one-close{left:0;right:0;bottom:max(20px, env(safe-area-inset-bottom));justify-content:center;gap:8px;margin:0;display:flex;position:absolute;transform:none}.one-actions button,.one-close{color:#8a8a8a;background:0 0;border:1px solid #222;border-radius:8px;min-height:34px;padding:0 14px;font-size:13px}@media (width<=899px){.row-move{opacity:1}}html,body,#root{color:#ececec;background:#141414;height:100%}body{font-family:Sora,ui-sans-serif,system-ui,sans-serif;overflow:hidden}.app-shell{width:100%;max-width:100%;height:100dvh;overflow:hidden}.app-main{box-sizing:border-box;background:#191919;width:auto;min-width:0;max-width:none;margin:0}.page-bar{justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:40px;margin:0 0 14px;display:flex}.page-bar h1{letter-spacing:-.02em;min-width:0;font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1.2}.page-bar .btn{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.page-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.plain-list{margin:0;padding:0;list-style:none}.page-bar .btn svg,.btn.small svg{width:14px;height:14px}.btn.small.icon-enter{justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;line-height:0;display:inline-flex}.btn.small.icon-enter svg{width:16px;height:16px;margin:0;display:block}.page-kicker,.dash-head p,.dash-head span,.lede,.back-link{display:none}.goal-create,.inline-create{align-items:center;gap:8px;margin-bottom:8px;display:flex}.goal-create .input{flex:1;min-width:0}.plate-row,.plate-row-mini{gap:6px;display:flex}.plate-row button,.plate-row-mini button{background:#222;border:1px solid #333;border-radius:6px;width:28px;height:28px;padding:0;overflow:hidden}.plate-row img,.plate-row-mini img{object-fit:cover;width:100%;height:100%;display:block}.plate-row button.is-on,.plate-row-mini button.is-on{border-color:#4772fa}.card,.coming-soon article{background:0 0;border:0;border-bottom:1px solid #2a2a2a;border-radius:0;padding:12px 0}.badge{color:#8a8a8a;background:#2a2a2a;border-radius:99px;padding:2px 8px;font-size:11px}.cal-grid{width:100%}.cal-day,.cal-dow{color:#d0d0d0;background:0 0;border-color:#2a2a2a}.matrix-page{flex-direction:column;min-width:0;height:calc(100dvh - 48px);min-height:0;display:flex}.matrix-board{flex:1;min-width:0;min-height:0}.matrix-quad{min-height:0;overflow:auto}@media (width<=899px){.app-shell{flex-direction:column;display:flex}.mobile-bar{background:#141414;flex-shrink:0;align-items:center;gap:8px;height:40px;min-height:40px;padding:0 2px;position:sticky;top:0}.mobile-bar .icon-btn{align-self:center;width:22px;height:22px;padding:0}.mobile-bar .brand-name{line-height:1}.tt-title{display:none}.app-main{flex:1;height:auto;padding:0 2px 24px;overflow:auto}.matrix-page{flex-direction:column;flex:1;height:auto;min-height:0;display:flex;overflow:hidden}.sidebar{background:#141414}[data-created-with-grok-spacer]{height:0!important;display:none!important}}@media (width>=900px){.app-shell{grid-template-columns:240px minmax(0,1fr);display:grid}.mobile-bar,.nav-backdrop,.drawer-close{display:none}.sidebar{visibility:visible;pointer-events:auto;background:#141414;width:auto;height:100dvh;position:sticky;top:0;overflow:auto;transform:none}.app-main{height:100dvh;padding:20px 28px 32px;overflow:auto}}.matrix-board{flex:auto;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr 1fr;align-items:stretch;height:100%;min-height:0;display:grid}.matrix-quad{flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.matrix-quad header,.quad-add{flex-shrink:0}.matrix-quad ul{flex:auto;min-height:0;overflow-y:auto}html{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{color:#fff;background:#000}.sidebar,.mobile-bar{background:#000;border-right:1px solid #2a2a2a;box-shadow:inset -1px 0 #ffffff14}.app-main{background:#000}.nav-link,.nav-link:hover,.nav-link:visited,.nav-link:active,.sidebar a,.custom-rail a{text-decoration:none}.nav-link.active{color:#fff;background:linear-gradient(#2a2a2a,#111);box-shadow:inset 0 1px #ffffff3d}.task-add,.matrix-row,.quad-add input,.input,.field input,.field textarea,.field select{color:#fff;background:linear-gradient(#1c1c1c 0%,#080808 100%);border:1px solid #3a3a3a;box-shadow:inset 0 1px #ffffff2e}.matrix-quad,.matrix-quad.quad-do,.matrix-quad.quad-schedule,.matrix-quad.quad-delegate,.matrix-quad.quad-drop{background:linear-gradient(#141414 0%,#000 100%);border:1px solid #333;box-shadow:inset 0 1px #ffffff29}.task-row{box-shadow:none;color:#fff;background:0 0;border:0;border-bottom:1px solid #222}.task-row:hover,.task-row:active,.task-edit:active,.task-edit:focus,.tick-hit:active,.tick-hit:focus{background:0 0}li.is-held>.task-row,li.is-over>.task-row,.task-row.is-held{box-shadow:inset 0 0 0 1px #4772fa}.matrix-row:hover,.matrix-row:active,.matrix-edit:active,.matrix-edit:focus,.quad-open:active,.quad-open:focus{background:linear-gradient(#1c1c1c 0%,#080808 100%)}.matrix-page,.matrix-page *{-webkit-tap-highlight-color:transparent}.quad-open:active,.quad-open:focus,.matrix-edit:active,.matrix-edit:focus{background:0 0}.page-bar h1,.tt-title h1,.task-copy strong,.matrix-row strong{color:#fff}.btn{color:#fff;background:linear-gradient(#8eb0ff 0%,#3d6bff 55%,#2a52e8 100%);border:1px solid #d0ddff;box-shadow:inset 0 1px #fff9,0 0 16px #4772fa66}*{scrollbar-width:thin;scrollbar-color:#2a2a2a #000;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#2a2a2a;border:2px solid #000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#444}.quad-add-btn{color:#fff;background:#4772fa;border:0;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:4px;padding:0;display:grid;box-shadow:0 0 10px #4772fa73}.quad-add-btn svg{width:14px;height:14px}.matrix-row strong{flex-direction:column;gap:2px;min-width:0;display:flex}.matrix-row strong em{color:#9a9a9a;font-size:12px;font-style:normal;font-weight:400}.tt-pop-back{z-index:80;background:#0000009e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.tt-pop-back.is-sheet{padding:0;display:block}.tt-pop-back.is-sheet .tt-pop{box-sizing:border-box;border-left:0;border-right:0;border-radius:18px 18px 0 0;width:auto;max-width:100%;padding:12px 12px 8px;position:fixed;left:0;right:0}.tt-pop-back.is-sheet .tt-pop textarea{min-height:36px;margin-left:26px;margin-right:0}.tt-pop-back.is-sheet .tt-pop-foot{flex-wrap:nowrap;gap:6px;min-width:0}.tt-pop-back.is-sheet .tt-pop-quad{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:12px;overflow:hidden}.tt-pop-back.is-sheet .tt-pop select{flex:0 auto;width:auto;max-width:96px;margin-left:0}.tt-pop-back.is-sheet .tt-cal{flex:0 auto;min-width:0}.tt-pop-back.is-sheet .tt-cal span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tt-pop-back.is-sheet .tt-pop-check{flex:0 0 36px;margin-left:auto}.kb-dock{z-index:70;background:#161616;border-radius:16px 16px 0 0;margin:0;padding:10px 12px;position:fixed;left:0;right:0;box-shadow:0 -12px 40px #0000008c}.tt-pop{background:linear-gradient(#1a1a1a 0%,#0c0c0c 100%);border:1px solid #3a3a3a;border-radius:14px;width:min(520px,100%);padding:16px 16px 12px;box-shadow:0 24px 80px #000000b3,inset 0 1px #ffffff29}.tt-pop-title{align-items:center;gap:10px;display:flex}.tt-pop-title input,.tt-pop textarea,.tt-pop select{color:#fff;width:100%;box-shadow:none;background:0 0;border:0;outline:none}.tt-pop-title input{min-height:36px;font-size:16px}.tt-pop textarea{resize:none;color:#cfcfcf;min-height:72px;margin:4px 0 8px 26px;font-size:14px}.tt-pop-foot{border-top:1px solid #2a2a2a;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.tt-pop-quad{color:#bdbdbd;font-size:13px}.tt-pop select{color:#d0d0d0;background:#111;border:1px solid #333;border-radius:8px;width:auto;min-height:30px;margin-left:auto;padding:0 8px;font-size:13px}.tt-cal{color:#8eb6ff;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:inline-flex}.tt-cal svg{width:18px;height:18px}.tt-pop-check{color:#fff;background:linear-gradient(#8eb0ff,#3d6bff);border:0;border-radius:99px;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 1px #ffffff73}.tt-pop-check svg{width:16px;height:16px}.tt-pop-check:disabled{opacity:.4}.custom-open{margin-left:auto}.custom-rail{z-index:44;background:#000;border-left:1px solid #2a2a2a;flex-direction:column;gap:8px;padding:16px 12px 24px;display:flex;overflow:auto;box-shadow:inset 1px 0 #ffffff14}.custom-rail-head{justify-content:space-between;align-items:center;display:flex}.custom-rail-head p,.tick-panel>p{color:#fff;margin:8px 4px;font-size:13px;font-weight:650}.tick-panel{border-top:1px solid #2a2a2a;gap:8px;margin-top:8px;padding-top:8px;display:grid}.tick-choices,.tick-colors{flex-wrap:wrap;gap:6px;display:flex}.tick-choices button,.tick-colors button{color:#ddd;text-transform:capitalize;background:#111;border:1px solid #333;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 8px;font-size:12px;display:inline-flex}.tick-choices button.is-on,.tick-colors button.is-on{border-color:#8eb0ff;box-shadow:inset 0 1px #fff3}.sample{border:1.5px solid #fff;width:12px;height:12px;display:inline-block}.shape-circle{border-radius:99px}.shape-rounded{border-radius:4px}.shape-square{border-radius:1px}.swatch{border-radius:99px;width:14px;height:14px;display:block}.swatch-blue{background:#4772fa}.swatch-green{background:#3dce86}.swatch-gold{background:#e2b45a}.swatch-white{background:#fff}.swatch-red{background:#e06a6a}.tick-preview{pointer-events:none;margin-top:4px}html[data-tick-color=blue]{--tick:#4772fa}html[data-tick-color=green]{--tick:#3dce86}html[data-tick-color=gold]{--tick:#e2b45a}html[data-tick-color=white]{--tick:#fff}html[data-tick-color=red]{--tick:#e06a6a}html[data-tick-shape=circle] .tick{border-radius:99px}html[data-tick-shape=rounded] .tick{border-radius:5px}html[data-tick-shape=square] .tick{border-radius:1px}.tick,html[data-tick-look=tick] .task-row.is-done .tick,html[data-tick-look=highlight] .task-row.is-done .tick{border-color:var(--tick,#4772fa);color:var(--tick,#4772fa);background:0 0}html[data-tick-look=solid] .task-row.is-done .tick{background:var(--tick,#4772fa);border-color:var(--tick,#4772fa);color:#fff}html[data-tick-color=white][data-tick-look=solid] .task-row.is-done .tick{color:#000}html[data-tick-look=highlight] .task-row.is-done{background:color-mix(in srgb, var(--tick,#4772fa) 24%, transparent)}html[data-task-size=tiny] .task-row,html[data-task-size=tiny] .matrix-row{min-height:24px;padding-top:0;padding-bottom:0}html[data-task-size=tiny] .task-copy strong,html[data-task-size=tiny] .matrix-row strong{font-size:12px}html[data-task-size=tiny] .tick{width:12px;height:12px}html[data-task-size=small] .task-row,html[data-task-size=small] .matrix-row{min-height:30px;padding-top:2px;padding-bottom:2px}html[data-task-size=small] .task-copy strong,html[data-task-size=small] .matrix-row strong{font-size:13px}html[data-task-size=small] .tick{width:14px;height:14px}html[data-task-size=medium] .task-row,html[data-task-size=medium] .matrix-row{min-height:40px}html[data-task-size=large] .task-row,html[data-task-size=large] .matrix-row{min-height:56px;padding-top:8px;padding-bottom:8px}html[data-task-size=large] .task-copy strong,html[data-task-size=large] .matrix-row strong{font-size:17px}html[data-task-size=large] .tick{width:22px;height:22px}html[data-task-size=huge] .task-row,html[data-task-size=huge] .matrix-row{min-height:72px;padding-top:12px;padding-bottom:12px}html[data-task-size=huge] .task-copy strong,html[data-task-size=huge] .matrix-row strong{font-size:20px}html[data-task-size=huge] .tick{width:26px;height:26px}@media (width<=899px){.custom-rail{width:min(280px,86vw);position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.custom-rail.open{transform:none}}@media (width>=900px){.app-shell{grid-template-columns:240px minmax(0,1fr) 220px}.custom-rail{height:100dvh;position:sticky;top:0;transform:none}.custom-rail .drawer-close{display:none}.matrix-page{flex-direction:column;height:calc(100dvh - 52px);max-height:calc(100dvh - 52px);display:flex;overflow:hidden}.matrix-board{flex:auto;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;height:auto;min-height:0;display:grid}.matrix-quad{border:1px solid #3a3a3a;border-radius:12px;flex-direction:column;min-width:0;height:auto;min-height:0;max-height:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24}}@media (width<=899px){.app-main:has(.matrix-page){flex-direction:column;min-height:0;padding:0 2px;display:flex;overflow:hidden}.matrix-page{flex:1;gap:0;height:100%;min-height:0;padding:0}.matrix-page .page-bar{gap:6px;min-height:0;margin:0}.matrix-page .btn{box-shadow:inset 0 1px #fff9}.matrix-page .page-bar h1{font-size:17px;line-height:1}.matrix-page .btn.small{height:28px;min-height:28px;padding:0 10px;font-size:12px;line-height:1}.matrix-board{flex:auto;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:2px;height:auto;min-height:0;margin:0;padding:0;display:grid}.matrix-quad{border:1px solid #3a3a3a;border-radius:10px;height:auto;min-height:0;max-height:100%;padding:4px 6px;position:relative;overflow:hidden}.matrix-quad header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-height:0;margin:0 0 4px;padding:0;display:grid}.matrix-quad header em{display:none}.matrix-quad header strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1;overflow:hidden}.matrix-quad header span{line-height:1}.quad-add-btn{width:22px;height:22px;margin-left:0}.matrix-quad ul{gap:2px}html[data-task-size] .matrix-row{align-items:center;height:30px;min-height:30px;margin-bottom:0;padding:0 6px}.matrix-edit{align-items:center;height:100%;padding:0;display:flex}.matrix-row strong{white-space:nowrap;text-overflow:ellipsis;line-height:1.1;display:block;overflow:hidden}}.account-row{border-top:1px solid #2a2a2a;margin-top:8px;padding-top:8px}.sync-note{color:#8a8a8a;margin:6px 8px 0;font-size:12px}.login-page{color:#fff;background:#000;align-content:center;gap:12px;max-width:420px;min-height:100dvh;margin:0 auto;padding:32px 20px;display:grid}.login-page h1{letter-spacing:-.03em;font-size:28px}.login-page p{color:#bdbdbd;line-height:1.45}.login-page .btn{width:100%}.comet-page{touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;height:calc(100dvh - 16px);display:grid;position:relative}.comet-page canvas{touch-action:none;width:min(100%,93.75dvh - 90px);height:auto;max-height:calc(100dvh - 96px);image-rendering:pixelated;background:#000;border:1px solid #222}.comet-bomb{color:#fff;background:linear-gradient(#243056,#10141f);border:1px solid #8eb0ff;border-radius:99px;place-items:center;width:72px;height:72px;font-size:13px;font-weight:650;line-height:1.1;display:grid;position:absolute;bottom:16px;right:12px}.comet-bomb small{color:#9eb6ff;font-size:11px;display:block}@media (width<=899px){.comet-page{height:calc(100dvh - 88px)}}.when-open{color:#8eb6ff;white-space:nowrap;background:0 0;border:0;flex-shrink:0;padding:0 8px 0 4px;font-size:13px}.when-panel{z-index:120;color:#fff;background:linear-gradient(#1c1c1c 0%,#0c0c0c 100%);border:1px solid #3a3a3a;border-radius:12px;width:min(18rem,100vw - 16px);max-height:calc(100dvh - 16px);padding:8px;position:fixed;overflow:auto;box-shadow:0 16px 40px #0000008c,inset 0 1px #ffffff29}.when-head{z-index:1;background:#141414;padding-bottom:4px;position:sticky;top:0}.when-head,.when-month,.when-foot,.when-jumps,.when-flags{align-items:center;gap:6px;display:flex}.when-head strong{flex:1;font-size:14px}.when-grip,.when-month button,.when-jumps button,.when-flags button,.when-foot button{color:#d0d0d0;background:#1a1a1a;border:0;border-radius:8px}.when-grip{cursor:grab;touch-action:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.when-grip svg,.when-month button svg{width:16px;height:16px}.when-jumps,.when-month,.when-flags,.when-foot{margin-top:8px}.when-jumps button,.when-flags button,.when-foot button{min-height:28px;padding:0 8px;font-size:12px}.when-month{justify-content:space-between}.when-month span{font-size:13px}.when-month button{place-items:center;width:28px;height:28px;padding:0;display:grid}.when-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:8px;display:grid}.when-dow{color:#8a8a8a;padding:4px 0;font-size:11px}.when-day{color:#fff;background:0 0;border:0;border-radius:99px;min-height:26px;font-size:12px}.when-day.is-today{color:#8eb6ff;background:#243056}.when-day.is-on{box-shadow:inset 0 0 0 1.5px #4772fa}.when-chips{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.when-chips span{color:#d0d0d0;border:1px solid #3a3a3a;border-radius:99px;padding:2px 8px;font-size:11px}.when-field{color:#8a8a8a;gap:4px;margin-top:10px;font-size:12px;display:grid}.when-field input,.when-field select{color:#fff;background:#0a0a0a;border:1px solid #3a3a3a;border-radius:8px;min-height:32px;padding:0 8px}.when-note{color:#8a8a8a;margin:6px 0 0;font-size:11px;line-height:1.35}.when-flags{flex-wrap:wrap}.when-flags button.is-on,.when-foot button.is-on,.when-jumps button.is-on{color:#fff;background:#243056;box-shadow:inset 0 0 0 1px #4772fa}.when-foot{justify-content:space-between}.when-phone{z-index:120;color:#fff;background:#111;flex-direction:column;height:100dvh;padding:8px 14px 12px;display:flex;position:fixed;inset:0;overflow:hidden}.when-phone-top{flex:none}.when-phone-rest{flex:auto;min-height:140px;padding-bottom:12px;overflow:auto}.when-phone .when-flags{grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid}.when-phone-head{grid-template-columns:40px 1fr 40px;align-items:center;min-height:48px;display:grid}.when-phone-head h2{text-align:center;margin:0;font-size:18px}.when-phone-head button,.when-shortcuts button,.when-clear{color:#8eb6ff;background:0 0;border:0}.when-shortcuts{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 16px;display:grid}.when-shortcuts button{color:#d0d0d0;justify-items:center;gap:6px;font-size:11px;line-height:1.2;display:grid}.when-shortcuts svg,.when-shortcuts i{color:#4772fa;border:1.5px solid #4772fa;border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;font-style:normal;display:grid}.when-phone .when-month{justify-content:space-between}.when-phone .when-month span{font-size:22px;font-weight:700}.when-phone .when-month div{gap:8px;display:flex}.when-phone-grid{flex-direction:column;gap:2px;margin-top:8px;display:flex}.when-week-row{grid-template-columns:28px repeat(7,1fr);align-items:center;display:grid}.when-week{color:#666;font-size:10px}.when-phone .when-day{border-radius:50%;width:36px;height:36px;margin:0 auto}.when-phone .when-day.is-today:not(.is-on){color:#4772fa;background:0 0}.when-phone .when-day.is-on{color:#fff;box-shadow:none;background:#4772fa}.when-card{background:#1a1a1a;border-radius:16px;margin-top:16px}.when-phone .when-flags{grid-template-columns:1fr 1fr;align-items:stretch;gap:0;padding:0;display:grid}.when-phone .when-flags button{color:#fff;text-align:left;background:0 0;border-top:1px solid #2a2a2a;border-radius:0;width:100%;min-height:44px;padding:0 14px}.when-phone .when-flags button.is-on{color:#8eb6ff;box-shadow:none;background:#1e2a4a}.when-row{color:#fff;background:0 0;border:0;border-top:1px solid #2a2a2a;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 14px;font-size:16px;display:flex}.when-card .when-row:first-child{border-top:0}.when-row em{color:#8a8a8a;font-size:15px;font-style:normal}.when-card .when-flags,.when-card .when-field{padding:0 12px 12px}.when-clear{text-align:left;margin-top:16px;font-size:15px}.tick-hit,.task-edit{color:inherit;background:0 0;border:0;padding:0}.tick-hit{cursor:pointer;place-items:center;display:grid}.task-edit{text-align:left;cursor:pointer;flex:1;min-width:0}.jarvis-page{color:#dff6ff;border-radius:16px;min-width:0;padding:14px;overflow:visible}.jarvis-pin{background:#07182c;border:1px solid #1a8ec4;border-radius:12px;flex-direction:column;gap:10px;width:min(100%,320px);margin:48px auto;padding:16px;display:flex}.jarvis-pin h2{color:#dff6ff;letter-spacing:0;text-transform:none;text-shadow:none;margin:0;font-size:16px}.jarvis-pin input{color:#e7f7ff;background:#020c16cc;border:1px solid #1a8ec4;border-radius:10px;min-height:44px;padding:0 12px;font-size:16px}.jarvis-pin .btn{min-height:44px}.jarvis-pin .btn:disabled{opacity:.45}.jarvis-pin-note{color:#ffb4b4;margin:0;font-size:13px}.jarvis-chrome{border-radius:12px;align-items:center;gap:10px;min-height:54px;margin-bottom:10px;padding:8px 10px;display:flex}.jarvis-mark{align-items:center;gap:8px;min-width:0;display:flex}.jarvis-mark strong{color:#e8fbff;letter-spacing:.16em;font-size:14px;display:block}.jarvis-mark em{color:#7fd8ff;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-style:normal;display:block}.jarvis-gem{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:radial-gradient(circle at 40% 35%,#fff,#7ee7ff 35%,#0678c8 70%);flex-shrink:0;width:28px;height:28px;box-shadow:0 0 12px #39d2ff}.jarvis-clock{color:#9adfff;letter-spacing:.08em;text-align:center;margin:0 auto;font-size:12px}.jarvis-pill{color:#b7ecff;letter-spacing:.12em;text-transform:uppercase;border:1px solid #1a8ec4;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:10px}.jarvis-pill.is-on{color:#b8ffd4;border-color:#1d8f62;box-shadow:inset 0 0 10px #28ff962e}.jarvis-pill.is-off{color:#ffb4b4;border-color:#8a3030}.jarvis-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.jarvis-card-head h2{margin:0}.jarvis-row{background:0 0;border-bottom:1px solid #1e8cbe47;min-width:0}.jarvis-page .task-row{background:#001e3259;border:1px solid #3cc8ff38;border-left:2px solid #3adfff;border-radius:6px;margin-top:4px;padding-left:6px}.jarvis-page .task-row strong{color:#e7f7ff;font-weight:500}.jarvis-row strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.jarvis-row.is-done{opacity:.45}.jarvis-note{color:#7eb4cc;margin:8px 0 0;font-size:12px}.jarvis-card-head .jarvis-note{color:#7fd8ff;margin:0}.jarvis-error{color:#ff8d8d;margin:0;font-size:13px}.jarvis-chat{flex-direction:column;gap:8px;min-height:0;max-height:22vh;display:flex;overflow:auto}.jarvis-bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-width:85%;margin:0;padding:8px 10px;font-size:14px;line-height:1.4}.jarvis-bubble.me{color:#fff;background:linear-gradient(#1278c4,#0a4e86);margin-left:auto;box-shadow:0 0 12px #0096ff40}.jarvis-bubble.jarvis{color:#e7f7ff;background:#041424cc;border:1px solid #1a8ec4;margin-right:auto}.jarvis-bubble.error{color:#ff9d9d;background:0 0;border:1px solid #ff6b6b;margin-right:auto}.jarvis-bubble.thinking{color:#8fd8ff;background:0 0;border:1px solid #1a5f86;margin-right:auto}.jarvis-compose{align-items:center;gap:8px;margin-top:10px;display:flex}.jarvis-compose input{color:#e7f7ff;background:#020c16cc;border:1px solid #1a8ec4;border-radius:10px;flex:1;min-width:0;min-height:44px;padding:0 12px;font-size:16px}.jarvis-mic,.jarvis-send,.jarvis-speaker{color:#b7ecff;background:#04182ae6;border:1px solid #1a8ec4;flex-shrink:0}.jarvis-mic.is-on,.jarvis-speaker.is-on{color:#fff;border-color:#7ee7ff;box-shadow:0 0 12px #50d2ff8c}.jarvis-send:disabled{opacity:.4}.jarvis-orb-btn{cursor:pointer;background:0 0;border:0;width:min(340px,100%);height:340px;margin:0 auto;padding:0;display:block}.jarvis-orb-btn canvas{width:100%;height:340px;display:block}.jarvis-orb-label{text-align:center;color:#d8f6ff;letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.jarvis-state-rail{flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:6px 0 8px;display:flex}.jarvis-state-rail span{color:#5f8ea6;letter-spacing:.16em;text-transform:uppercase;font-size:10px}.jarvis-state-rail span.is-live{color:#e8fbff;text-shadow:0 0 8px #39d2ff}.jarvis-board{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.jarvis-mail{margin:10px 0}.jarvis-mail-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jarvis-mail select,.jarvis-mail .btn{min-height:44px;font-size:16px}.jarvis-mail select{color:#e7f7ff;background:#020c16cc;border:1px solid #1a8ec4;border-radius:10px;flex:140px;min-width:0;padding:0 12px}.jarvis-mail-out{margin-top:10px}.jarvis-mail-line{color:#e7f7ff;margin:4px 0}.jarvis-mail-rowitem{flex-direction:column;gap:2px;margin:6px 0;display:flex}.jarvis-mail-rowitem span{color:#d7f4ff}.jarvis-mail-summary{color:#7eb4cc;margin:8px 0 0;font-size:12px}.jarvis-mail-card{background:#020c168c;border:1px solid #1a8ec4;border-radius:12px;margin-top:12px;padding:12px}.jarvis-mail-card strong{color:#f4fcff;font-size:16px;display:block}.jarvis-mail-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.jarvis-mail-actions .btn{flex:140px;min-height:48px}.jarvis-mail-actions .is-delete{background:#8b2e3a}.jarvis-mail h3{color:#9aefff;letter-spacing:.18em;margin:12px 0 4px;font-size:11px;font-weight:700}.jarvis-col{flex-direction:column;gap:10px;min-width:0;display:flex}.jarvis-col-center{order:0}.jarvis-col-right{order:1}.jarvis-col-left{order:2}.jarvis-panel,.jarvis-qa,.jarvis-chrome,.jarvis-page{background-color:#07182c;background-image:linear-gradient(#0c2744 0%,#061422 100%);border:2px solid #9af8ff;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 0 14px #00beff47,0 0 4px #b8fbff,0 0 10px #00e1ff,0 0 22px #00b4ffe6,0 0 40px #0078ff73}.jarvis-panel:before,.jarvis-qa:before{content:none}.jarvis-panel{box-sizing:border-box;border-radius:14px;min-width:0;padding:12px}.jarvis-voice{background:radial-gradient(circle at 50% 38%,#00aaff6b,#0000 42%),linear-gradient(#082440f0,#020a16f5)}.jarvis-panel h2,.jarvis-card-head h2{color:#9aefff;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 8px #00d2ffb3;border-bottom:0;margin:0 0 4px;padding-bottom:0;font-size:11px;font-weight:700}.jarvis-panel h2:before,.jarvis-card-head h2:before{content:none}.hud-task{box-sizing:border-box;width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:34px minmax(0,1fr) 132px;align-items:center;gap:10px;margin:8px 0 0;padding:8px 2px;display:grid}.hud-ico{color:#7eefff;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.hud-ico svg{width:18px;height:18px}.hud-copy{min-width:0}.hud-task strong{color:#f4fcff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:650;display:block;overflow:hidden}.hud-task em{color:#8ec4d6;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;font-style:normal;display:block;overflow:hidden}.hud-meter{align-items:center;gap:8px;width:132px;display:flex}.hud-meter b{color:#f4fcff;white-space:nowrap;font-size:12px;font-weight:600}.hud-bar{background:#0a3350;border-radius:99px;flex:1;height:6px;overflow:hidden}.hud-bar span{background:linear-gradient(90deg,#1aa8ff,#7ef6ff);border-radius:99px;height:100%;display:block;box-shadow:0 0 8px #3adfff}.jarvis-qa{box-sizing:border-box;color:#f4fcff;letter-spacing:.08em;text-transform:uppercase;border-radius:10px;align-items:center;gap:12px;width:100%;max-width:100%;min-height:46px;margin:8px 0 0;padding:0 14px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.jarvis-qa svg{color:#9af3ff;flex-shrink:0;width:18px;height:18px}.jarvis-core{flex-direction:column;align-items:center;width:100%;display:flex}.jarvis-wave{background:radial-gradient(#005a8c73,#000812cc);border:1px solid #50dcff8c;border-radius:8px;width:100%;height:78px;display:block;box-shadow:inset 0 0 18px #00b4ff59,0 0 12px #00a0ff40}.jarvis-status-row{border-bottom:1px solid #1e96c847;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:34px;font-size:13px;display:flex}.jarvis-status-row strong,.jarvis-status-row span:first-child{text-overflow:ellipsis;white-space:nowrap;color:#e7f7ff;min-width:0;overflow:hidden}.jarvis-status-row time,.jarvis-status-row span:last-child{color:#8ec8e0;flex-shrink:0;font-size:12px}.jarvis-status-row.is-on span:last-child,.jarvis-status-row.is-off span:last-child{letter-spacing:.04em}.jarvis-status-row.is-on span:last-child{color:#7dffa1}.jarvis-status-row.is-off span:last-child{color:#ff9b9b}.jarvis-status-row.is-on span:last-child:before,.jarvis-status-row.is-off span:last-child:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 8px}.jarvis-action-row{flex-wrap:wrap;gap:8px;display:flex}.jarvis-page .btn,.jarvis-page .btn.small,.jarvis-action-row .btn{color:#c8f3ff;background:#041628cc;border:1px solid #1a8ec4;border-radius:8px;text-decoration:none;box-shadow:inset 0 0 12px #0096dc24}.jarvis-macros{gap:8px;margin-bottom:8px;display:flex}.jarvis-macros div{text-align:center;background:#001e3273;border:1px solid #1a8ec4;border-radius:10px;flex:1;padding:8px 0;box-shadow:inset 0 0 12px #008cdc1f}.jarvis-macros strong{color:#e8fbff;text-shadow:0 0 8px #50c8ff73;font-size:18px;display:block}.jarvis-macros span{color:#7eb4cc;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.jarvis-log-form{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.jarvis-log-form input{color:#e7f7ff;background:#020c16cc;border:1px solid #1a6e96;border-radius:10px;flex:90px;min-width:0;min-height:44px;padding:0 10px;font-size:16px}@media (width>=980px){.jarvis-board{grid-template-columns:minmax(0,.86fr) minmax(280px,1.2fr) minmax(0,.9fr);align-items:start;display:grid}.jarvis-col-left,.jarvis-col-center,.jarvis-col-right{order:unset}}.portfolio-price{color:#fff;letter-spacing:-.03em;margin:2px 0 6px;font-size:28px;font-weight:600;display:block}.portfolio-note{color:#c8c8c8;margin:0 0 6px;font-size:14px;display:block}.privacy-page{color:#ececec;max-width:40rem;margin:0 auto;padding:24px 16px 48px}.privacy-page h1{margin:0 0 12px;font-size:28px}.privacy-page h2{margin:22px 0 8px;font-size:18px}.privacy-page p{margin:0 0 10px;line-height:1.45}.empty-hint{color:#cfcfcf;margin:6px 0;font-size:14px}.soon-badge{color:#9ad7ff;white-space:nowrap;border:1px solid #2a6ea8;border-radius:999px;padding:2px 8px;font-size:12px}.connect-list{gap:10px;display:grid}.connect-row{background:#111;border:1px solid #2a2a2a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.connect-row strong{color:#fff}.soft-fields input,.soft-fields textarea,.soft-fields select{color:#fff;box-sizing:border-box;background:linear-gradient(#1c1c1c,#080808);border:1px solid #3a3a3a;border-radius:12px;width:100%;min-height:44px;padding:10px 12px;box-shadow:inset 0 1px #ffffff2e}.mood-row{flex-wrap:wrap;gap:8px;display:flex}.mood-btn{flex-direction:column;gap:2px;min-width:64px;padding:8px 10px}.account-row{min-width:0}.account-row>div{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.account-row span,.sync-note{white-space:normal;overflow-wrap:anywhere;min-width:0}.quad-add-btn{border-radius:999px;gap:2px;width:auto;height:28px;padding:0 8px;font-size:12px;display:inline-flex}.jarvis-page{box-sizing:border-box;width:100%;max-width:100%;padding:12px}.jarvis-panel,.jarvis-chrome{box-sizing:border-box;max-width:100%}.jarvis-mail{flex-direction:column;align-items:stretch;gap:10px;display:flex}.jarvis-mail>.btn{width:fit-content;max-width:100%;margin-top:8px}.habit-confirm{flex-wrap:wrap;gap:8px;display:flex}.session-log strong{color:#fff}@media (width<=700px){.app-main:has(.jarvis-page){padding-left:10px;padding-right:10px}.jarvis-panel,.jarvis-chrome,.jarvis-page{box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 0 14px #00beff47,0 0 8px #00e1ff}}