@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f5f5f7;--card:#fff;--border:#00000014;--text:#1d1d1f;--tsub:#6e6e73;--tmute:#aeaeb2;--today-bg:#2dd4d412;--sidebar:#1a1f2e;--card-shadow:0 1px 4px #0000000f, 0 4px 16px #0000000d;--card-shadow-hover:0 4px 16px #0000001a, 0 12px 32px #00000014;--sans:"DM Sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "JetBrains Mono", Consolas, monospace;font:15px/150% var(--sans);letter-spacing:.01em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg:#161618;--card:#1e1e23;--border:#ffffff12;--text:#f5f5f7;--tsub:#ebebf58c;--tmute:#ebebf547;--today-bg:#2dd4d412;--sidebar:#0f0f12;--card-shadow:0 2px 12px #00000059, 0 1px 3px #0003;--card-shadow-hover:0 8px 28px #0000008c}body{margin:0}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #2dd4d4!important}input[type=file]:focus{outline:none!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#96969640;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#96969673}*{scrollbar-width:thin;scrollbar-color:#96969640 transparent}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:.18s both pageFadeIn}.task-row{transition:background .12s,box-shadow .12s}.task-row:hover{background:var(--today-bg)!important}.task-row:hover .task-delete{opacity:1!important}.task-delete{opacity:0;transition:opacity .12s}.card-lift{transition:box-shadow .18s,transform .18s!important}.card-lift:hover{transform:translateY(-1px);box-shadow:var(--card-shadow-hover)!important}.nav-item{border-radius:10px!important;transition:background .15s,color .15s!important}.nav-item:not(.nav-item-active):hover{color:#ffffffe6!important;background:#ffffff0f!important}.nav-item-active{color:#2dd4d4!important;background:#2dd4d421!important;font-weight:600!important}.draw-canvas-wrap{touch-action:none;-webkit-user-select:none;user-select:none}.draw-canvas-wrap canvas{display:block}.btn-primary{color:#0d0f14;cursor:pointer;background:#2dd4d4;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s;display:inline-flex}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:active{opacity:1;transform:translateY(0)}.btn-secondary{color:var(--tsub);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.btn-secondary:hover{color:#2dd4d4;background:#2dd4d40f;border-color:#2dd4d4}.btn-icon{border:1px solid var(--border);background:var(--card);width:34px;height:34px;color:var(--tsub);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.btn-icon:hover{color:#2dd4d4;background:#2dd4d40f;border-color:#2dd4d4}.empty-state{text-align:center;color:var(--tmute);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty-state svg{opacity:.35}.empty-state-title{color:var(--text);margin:0;font-size:15px;font-weight:700}.empty-state-sub{color:var(--tsub);margin:0;font-size:13px;line-height:1.5}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}@media (width<=800px){.writing-grid{grid-template-columns:1fr!important}}@media (width<=768px){.dash-grid{grid-template-columns:1fr!important}.planner-grid{overflow-x:auto;grid-template-columns:repeat(4,minmax(140px,1fr))!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.top-row-grid{grid-template-columns:1fr!important}.page-content{padding:16px 16px 60px!important}.header-pad{padding:14px 16px!important}.header-search{display:none!important}.kanban-grid,.projects-grid{grid-template-columns:1fr!important}}.focus-mode{z-index:500;background:var(--bg);box-sizing:border-box;flex-direction:column;padding:40px 80px;display:flex;position:fixed;inset:0}.focus-mode textarea{resize:none;color:var(--text);font-size:18px;line-height:1.8;font-family:var(--mono);background:0 0;border:none;outline:none;flex:1}@media (width<=768px){.focus-mode{padding:24px 20px}.focus-mode textarea{font-size:16px}}.md-preview{color:var(--text);font-size:14px;line-height:1.7}.md-preview h1,.md-preview h2,.md-preview h3{color:var(--text);margin:16px 0 8px;font-weight:700}.md-preview h1{font-size:22px}.md-preview h2{font-size:18px}.md-preview h3{font-size:15px}.md-preview p{margin:8px 0}.md-preview ul,.md-preview ol{margin:8px 0;padding-left:20px}.md-preview li{margin:4px 0}.md-preview code{background:var(--border);font-size:13px;font-family:var(--mono);border-radius:4px;padding:2px 6px}.md-preview pre{background:var(--border);border-radius:8px;padding:12px;overflow-x:auto}.md-preview pre code{background:0 0;padding:0}.md-preview blockquote{color:var(--tsub);border-left:3px solid #2dd4d4;margin:8px 0;padding-left:12px}.md-preview strong{color:var(--text);font-weight:700}.md-preview em{font-style:italic}.md-preview hr{border:none;border-top:1px solid var(--border);margin:16px 0}.md-preview a{color:#2dd4d4}@media (width<=768px){.bottom-nav{display:flex!important}.sidebar-desktop{display:none!important}.page-content{padding-bottom:80px!important}}.page-title{color:var(--text);letter-spacing:-.5px;border-left:3px solid #2dd4d4;margin:0;padding-left:12px;font-size:22px;font-weight:800;line-height:1.2}.section-label{color:var(--tsub);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:11px;font-weight:700}.note-saved h1{color:var(--text);letter-spacing:-.02em;border-bottom:1px solid var(--border);margin:28px 0 8px;padding-bottom:8px;font-size:22px;font-weight:800;line-height:1.2}.note-saved h1:first-child{margin-top:0}.note-saved h2{color:var(--text);letter-spacing:-.01em;margin:20px 0 4px;font-size:16px;font-weight:700}.note-saved h3{color:var(--tsub);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 4px;font-size:13px;font-weight:700}.note-saved p{color:var(--text);margin:4px 0;font-size:14px;line-height:1.75}.note-saved li{color:var(--text);margin:3px 0;padding-left:4px;font-size:14px;line-height:1.7}.note-saved blockquote{color:var(--tsub);border-left:3px solid #2dd4d4;margin:8px 0;padding:4px 0 4px 12px}.note-saved hr{border:none;border-top:1px solid var(--border);margin:16px 0}.note-saved code{background:var(--border);font-size:13px;font-family:var(--mono);border-radius:4px;padding:1px 5px}.note-saved strong{font-weight:700}.note-saved em{font-style:italic}.note-saved .note-gap{height:10px}.prosemirror-wrap{border:1px solid var(--border);background:var(--card);cursor:text;border-radius:14px;transition:border-color .15s}.prosemirror-wrap:focus-within{border-color:#2dd4d4;outline:none}.prosemirror-wrap .ProseMirror{min-height:560px;color:var(--text);font-size:15px;line-height:1.8;font-family:var(--sans);outline:none;padding:24px 32px}.prosemirror-wrap .ProseMirror>*+*{margin-top:0}.prosemirror-wrap .ProseMirror p{margin:2px 0}.prosemirror-wrap .ProseMirror h1{color:var(--text);letter-spacing:-.4px;margin:20px 0 6px;font-size:22px;font-weight:800;line-height:1.2}.prosemirror-wrap .ProseMirror h2{color:var(--text);letter-spacing:-.2px;margin:16px 0 4px;font-size:18px;font-weight:700}.prosemirror-wrap .ProseMirror h3{color:var(--tsub);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 4px;font-size:13px;font-weight:700}.prosemirror-wrap .ProseMirror ul,.prosemirror-wrap .ProseMirror ol{margin:6px 0;padding-left:22px}.prosemirror-wrap .ProseMirror li{margin:3px 0}.prosemirror-wrap .ProseMirror blockquote{color:var(--tsub);border-left:3px solid #2dd4d4;margin:8px 0;padding:2px 0 2px 14px}.prosemirror-wrap .ProseMirror hr{border:none;border-top:1px solid var(--border);margin:16px 0}.prosemirror-wrap .ProseMirror strong{font-weight:700}.prosemirror-wrap .ProseMirror em{font-style:italic}.prosemirror-wrap .ProseMirror code{background:var(--border);font-size:13px;font-family:var(--mono);border-radius:4px;padding:1px 5px}.prosemirror-wrap .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--tmute);pointer-events:none;height:0}.focus-mode .prosemirror-wrap{background:0 0;border:none;flex-direction:column;flex:1;display:flex}.focus-mode .prosemirror-wrap .ProseMirror{font-size:18px;font-family:var(--mono);flex:1;min-height:0;padding:0}button{transition:opacity .15s,background .15s,color .15s,border-color .15s,box-shadow .15s}input,select,textarea{transition:border-color .15s}.bar-chart-bar{transition:height .4s}@media (width<=700px){.ob-left-panel{display:none!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes auth-gradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes auth-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(-1deg)}}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.auth-layout{background:#fff;justify-content:center;align-items:flex-start;padding:80px 40px 60px;display:flex;position:relative;overflow:hidden}.auth-layout-inner{align-items:flex-start;gap:72px;width:100%;max-width:1140px;display:flex}.auth-hero{z-index:1;flex:1;min-width:0;position:relative}.auth-hero-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#0000000b 1px,#0000 1px),linear-gradient(90deg,#0000000b 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.auth-mockup{animation:5s ease-in-out infinite auth-float}.auth-badge-dot{animation:2.5s ease-in-out infinite badge-pulse}.auth-form{z-index:1;flex:0 0 310px;position:relative}.auth-mobile-logo{display:none}@media (width<=860px){.auth-layout{align-items:flex-start;padding:36px 20px 60px}.auth-layout-inner{flex-direction:column;gap:40px}.auth-hero{width:100%}.auth-hero h1{letter-spacing:-1px!important;font-size:36px!important}.auth-mockup{display:none}.auth-form{flex:none;width:100%}.auth-mobile-logo{display:flex}}.wco-drag{display:none}@media (display-mode:window-controls-overlay){.wco-drag{top:env(titlebar-area-y,0);left:env(titlebar-area-x,0);width:env(titlebar-area-width,100%);height:env(titlebar-area-height,0px);-webkit-app-region:drag;app-region:drag;z-index:9999;display:block;position:fixed}.sidebar-desktop{padding-top:calc(env(titlebar-area-height,0px) + 20px)!important}.header-pad{top:env(titlebar-area-height,0px)!important}}