.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--font: "Hanken Grotesk", -apple-system, system-ui, sans-serif;--bg: oklch(96.5% .013 95);--surface: oklch(99% .006 95);--surface-2: oklch(93.5% .016 110);--surface-3: oklch(89.5% .02 120);--sidebar-bg: oklch(94.8% .017 120);--text: oklch(23% .025 150);--text-2: oklch(42% .03 148);--text-3: oklch(50% .03 140);--text-inv: oklch(97% .01 110);--area-lift: 0;--border: oklch(88% .018 115);--divider: oklch(23% .025 150 / .08);--accent: oklch(50% .13 148);--accent-light: oklch(50% .13 148 / .09);--accent-mid: oklch(50% .13 148 / .22);--cta: oklch(84% .17 105);--cta-hover: oklch(79% .17 103);--cta-ink: oklch(25% .04 110);--sienna: oklch(58% .15 30);--sienna-light: oklch(58% .15 30 / .11);--indigo: oklch(46% .12 245);--indigo-light: oklch(46% .12 245 / .1);--green: oklch(50% .13 148);--green-light: oklch(50% .13 148 / .11);--red: oklch(52% .18 28);--red-light: oklch(52% .18 28 / .1);--orange: oklch(62% .13 75);--orange-light: oklch(62% .13 75 / .12);--blue: oklch(46% .12 245);--blue-light: oklch(46% .12 245 / .1);--radius: 14px;--radius-sm: 9px;--radius-xs: 6px;--shadow: 0 1px 2px oklch(30% .03 140 / .05), 0 1px 3px oklch(30% .03 140 / .04);--shadow-md: 0 4px 14px oklch(30% .03 140 / .09);--shadow-lg: 0 10px 32px oklch(30% .03 140 / .13);--sidebar-w: 232px;--fs-xs: 11px;--fs-sm: 12.5px;--fs-base: 14px;--fs-md: 15.5px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 25px;--fs-3xl: 31px;--lh-tight: 1.15;--lh-body: 1.55;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur-med: .25s;--z-dropdown: 40;--z-sticky: 50;--z-backdrop: 90;--z-modal: 100;--z-toast: 110;--hero-a: oklch(88% .05 150);--hero-b: oklch(80% .07 220);--hero-text: oklch(24% .04 160)}[data-daypart=dawn]{--hero-a: oklch(92% .07 100);--hero-b: oklch(82% .09 50);--hero-text: oklch(28% .05 50)}[data-daypart=day]{--hero-a: oklch(88% .05 150);--hero-b: oklch(80% .07 220);--hero-text: oklch(24% .04 160)}[data-daypart=dusk]{--hero-a: oklch(55% .11 40);--hero-b: oklch(38% .1 280);--hero-text: oklch(96% .015 90)}[data-daypart=night]{--hero-a: oklch(24% .05 270);--hero-b: oklch(20% .045 180);--hero-text: oklch(92% .02 140)}[data-theme=dark]{--bg: oklch(16% .02 160);--surface: oklch(20.5% .022 160);--surface-2: oklch(25% .024 160);--surface-3: oklch(30% .026 160);--sidebar-bg: oklch(18.5% .024 165);--text: oklch(94% .015 110);--text-2: oklch(74% .03 135);--text-3: oklch(64% .03 145);--text-inv: oklch(18% .02 160);--area-lift: .22;--border: oklch(31% .025 160);--divider: oklch(94% .015 110 / .08);--accent: oklch(72% .13 150);--accent-light: oklch(72% .13 150 / .13);--accent-mid: oklch(72% .13 150 / .26);--cta: oklch(82% .16 105);--cta-hover: oklch(87% .16 106);--cta-ink: oklch(22% .04 110);--sienna: oklch(72% .13 35);--sienna-light: oklch(72% .13 35 / .14);--indigo: oklch(68% .1 245);--indigo-light: oklch(68% .1 245 / .13);--green: oklch(72% .13 150);--green-light: oklch(72% .13 150 / .14);--red: oklch(68% .16 30);--red-light: oklch(68% .16 30 / .13);--orange: oklch(75% .12 80);--orange-light: oklch(75% .12 80 / .14);--blue: oklch(68% .1 245);--blue-light: oklch(68% .1 245 / .13);--shadow: 0 1px 3px oklch(5% .01 160 / .4);--shadow-md: 0 4px 14px oklch(5% .01 160 / .5);--shadow-lg: 0 10px 32px oklch(5% .01 160 / .6)}[data-theme=dark][data-daypart=dawn]{--hero-a: oklch(38% .07 60);--hero-b: oklch(28% .06 320);--hero-text: oklch(94% .02 80)}[data-theme=dark][data-daypart=day]{--hero-a: oklch(38% .07 200);--hero-b: oklch(30% .07 160);--hero-text: oklch(95% .015 140)}[data-theme=dark][data-daypart=dusk]{--hero-a: oklch(36% .09 35);--hero-b: oklch(26% .08 290);--hero-text: oklch(95% .015 60)}[data-theme=dark][data-daypart=night]{--hero-a: oklch(21% .045 275);--hero-b: oklch(17% .04 190);--hero-text: oklch(90% .02 140)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:var(--fs-base);font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{text-wrap:balance}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}:focus:not(:focus-visible){outline:none}.app{display:flex;height:100%}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:var(--fs-lg);color:var(--accent);padding:6px 10px 18px;letter-spacing:-.01em}.brand svg{width:24px;height:24px;flex-shrink:0}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:500;color:var(--text-2);transition:background var(--dur-fast),color var(--dur-fast);text-align:left;position:relative}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:700}.nav-item .nav-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item.dragging{opacity:.4}.nav-item.drag-over:before{content:"";position:absolute;top:-2px;left:8px;right:8px;height:2px;background:var(--accent);border-radius:1px}.sidebar-foot{border-top:1px solid var(--divider);padding-top:10px;display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--text-inv);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm);flex-shrink:0}.main{flex:1;min-width:0;overflow-y:auto}.page{padding:28px 36px 60px;max-width:1240px;margin:0 auto;animation:page-in var(--dur-med) var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.page-title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.015em;line-height:var(--lh-tight)}.page-sub{font-size:var(--fs-sm);color:var(--text-2);margin-top:3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-i{transition:box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out),border-color var(--dur-med)}.card-i:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--accent-mid)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:600;transition:transform var(--dur-fast),background var(--dur-fast),opacity var(--dur-fast)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--cta);color:var(--cta-ink);font-weight:700}.btn-primary:hover{background:var(--cta-hover)}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-ghost:hover{background:var(--surface-3)}.btn-sm{padding:6px 12px;font-size:var(--fs-sm)}.chip{font-size:var(--fs-xs);font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.muted{color:var(--text-2)}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.empty{text-align:center;color:var(--text-3);padding:48px 20px;font-size:var(--fs-base)}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-xs)}@keyframes shimmer{to{background-position:-200% 0}}.seg{display:inline-flex;gap:2px;background:var(--surface-2);border-radius:var(--radius-sm);padding:3px}.seg button{padding:6px 14px;border-radius:var(--radius-xs);font-size:var(--fs-sm);font-weight:600;color:var(--text-2);display:inline-flex;align-items:center;gap:6px}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#05160d73;z-index:var(--z-backdrop);display:flex;align-items:center;justify-content:center;animation:fade var(--dur-fast)}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius);width:480px;max-width:92vw;max-height:88vh;overflow-y:auto;padding:26px;box-shadow:var(--shadow-lg);animation:rise .22s var(--ease-out);z-index:var(--z-modal)}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal h3{font-size:var(--fs-xl);font-weight:800;margin-bottom:18px}.field{margin-bottom:14px}.field label{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--text-2);margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-base);background:var(--surface-2);color:var(--text);transition:border-color .15s}.field input::placeholder,.field textarea::placeholder,.journal textarea::placeholder,.intention-input::placeholder{color:var(--text-3)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.field textarea{resize:vertical;min-height:64px;line-height:var(--lh-body)}.form-actions{display:flex;gap:10px;margin-top:20px}.form-actions .btn{flex:1;justify-content:center}.toggle{position:relative;width:44px;height:26px;flex-shrink:0;display:inline-block}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle .tk{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-3);border-radius:13px;cursor:pointer;transition:background var(--dur-med)}.toggle .tk:before{content:"";position:absolute;width:22px;height:22px;left:2px;bottom:2px;background:var(--surface);border-radius:50%;transition:transform var(--dur-med);box-shadow:0 1px 2px #0e191340}.toggle input:checked+.tk{background:var(--accent)}.toggle input:checked+.tk:before{transform:translate(18px)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:var(--surface-3);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--surface);box-shadow:var(--shadow-md);transition:transform var(--dur-fast)}.slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--surface)}.auth-wrap{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.auth-card{width:380px;max-width:100%}.auth-card .brand{justify-content:center;font-size:22px;padding-top:0}.hero{border-radius:var(--radius);padding:24px 26px;color:var(--hero-text);position:relative;overflow:hidden;background:linear-gradient(120deg,var(--hero-a),var(--hero-b));transition:background 1s linear,color 1s linear;box-shadow:var(--shadow-md)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 85% -20%,oklch(99% .02 100 / .22),transparent 55%)}.hero .seg{background:oklch(from var(--hero-text) l c h / .14)}.hero .seg button{color:oklch(from var(--hero-text) l c h / .75)}.hero .seg button.active{background:var(--surface);color:var(--text);box-shadow:none}.hero .chip{background:oklch(from var(--hero-text) l c h / .13);color:var(--hero-text)}.dash-item{display:flex;flex-direction:column;min-height:0}.dash-item>.card{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.dash-customize .dash-item>.card{border-style:dashed;border-color:var(--accent-mid)}.dash-widget-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;flex-shrink:0}.dash-widget-title{font-size:var(--fs-sm);font-weight:700;color:var(--text-2)}.dash-widget-body{flex:1;min-height:0;overflow-y:auto;padding:12px 16px 16px}.react-grid-item.react-grid-placeholder{background:var(--accent)!important;opacity:.15!important;border-radius:var(--radius)}.react-grid-item>.react-resizable-handle{z-index:5}.react-grid-item>.react-resizable-handle:after{border-color:var(--text-3)!important}.react-grid-layout{transition:none!important}.react-grid-item,.react-grid-item.cssTransforms{transition-property:transform!important}@media(prefers-reduced-motion:reduce){.react-grid-item,.react-grid-item.cssTransforms{transition:none!important}}.md-body{font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text);max-width:72ch;text-wrap:pretty}.md-body h1,.md-body h2,.md-body h3{margin:.8em 0 .35em;line-height:var(--lh-tight)}.md-body h1{font-size:var(--fs-xl)}.md-body h2{font-size:var(--fs-lg)}.md-body h3{font-size:var(--fs-md)}.md-body p,.md-body ul,.md-body ol{margin:.45em 0}.md-body ul,.md-body ol{padding-left:1.3em}.md-body code{background:var(--surface-2);padding:1px 5px;border-radius:4px;font-size:.92em}.md-body pre{background:var(--surface-2);padding:10px 12px;border-radius:var(--radius-sm);overflow-x:auto;margin:.6em 0}.md-body blockquote{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-2);margin:.6em 0;font-style:italic}.md-body a{color:var(--accent);text-decoration:underline}.md-body .wikilink{color:var(--accent);background:var(--accent-light);padding:1px 5px;border-radius:4px;text-decoration:none;cursor:pointer}.kanban{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding-bottom:12px}.kanban-col{min-width:240px;width:240px;flex-shrink:0;background:var(--surface-2);border-radius:var(--radius);padding:10px}.kanban-col-head{display:flex;align-items:center;gap:8px;padding:4px 6px 10px;font-size:var(--fs-sm);font-weight:700}.kanban-col.drag-over{outline:2px dashed var(--accent);outline-offset:-2px}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px;cursor:grab;box-shadow:var(--shadow);transition:box-shadow var(--dur-fast),transform var(--dur-fast)}.kanban-card:hover{box-shadow:var(--shadow-md)}.kanban-card.dragging{opacity:.4}.dtable{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.dtable th{text-align:left;font-size:var(--fs-sm);font-weight:700;color:var(--text-2);padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.dtable th:hover{color:var(--text)}.dtable td{padding:9px 12px;border-bottom:.5px solid var(--divider)}.dtable tr:hover td{background:var(--surface-2)}.journal{max-width:72ch;margin:0 auto}.journal-section{padding:16px 18px;border-radius:var(--radius);margin-bottom:22px;transition:background var(--dur-med)}.journal-section.current{background:var(--accent-light)}.journal-section-title{display:flex;align-items:center;gap:9px;font-size:var(--fs-lg);font-weight:800;margin-bottom:12px}.intention-input{width:100%;border:none;background:transparent;font-size:var(--fs-lg);font-weight:600;color:var(--text);padding:8px 0;border-bottom:1.5px solid var(--border);transition:border-color .15s}.intention-input:focus{outline:none;border-bottom-color:var(--accent);box-shadow:none}.journal textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:10px 12px;font-size:var(--fs-base);line-height:var(--lh-body);resize:vertical;min-height:64px}.journal textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.energy-row{display:flex;gap:5px}.energy-dot{width:30px;height:30px;border-radius:50%;font-size:var(--fs-xs);font-weight:700;border:1.5px solid var(--border);color:var(--text-2);transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast);display:flex;align-items:center;justify-content:center}.energy-dot:hover{border-color:var(--accent);color:var(--accent)}.energy-dot.active{background:var(--accent);border-color:var(--accent);color:var(--text-inv);transform:scale(1.08)}.streak-chip{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:800;padding:4px 10px;border-radius:20px;background:var(--sienna-light);color:var(--sienna)}@media(max-width:1024px){.page{padding:20px 20px 48px}.scorecard-grid{grid-template-columns:1fr!important}}@media(max-width:860px){.sidebar{width:64px;padding:16px 8px}.nav-label,.sidebar-foot .foot-name,.brand .brand-label{display:none}.brand,.nav-item{justify-content:center}.nav-item{padding:10px}}@media(prefers-reduced-motion:reduce){.page,.modal,.modal-bg,.skel{animation:none}.card-i,.hero,.btn,.energy-dot,.toggle .tk,.toggle .tk:before{transition:none}}