:root{--background:#f4f2ed;--foreground:#1f2328;--muted:#74706a;--line:#1c1c1e1c;--panel:#ffffffb8;--panel-strong:#ffffffeb;--yellow:#f5c542;--blue:#0a84ff;--red:#ff3b30;--green:#34c759;--shadow:0 22px 70px #1f232821}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at top left, #f5c54240, transparent 34rem), radial-gradient(circle at bottom right, #0a84ff21, transparent 36rem), var(--background);color:var(--foreground);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.landing{place-items:center;min-height:100dvh;padding:28px;display:grid}.hero{grid-template-columns:.95fr 1.05fr;align-items:center;gap:32px;width:min(1040px,100%);display:grid}.hero-card,.preview-shell,.app-shell{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(28px)saturate(145%);backdrop-filter:blur(28px)saturate(145%);box-shadow:var(--shadow)}.hero-card{border-radius:34px;padding:38px}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}h1{letter-spacing:-.06em;margin:18px 0;font-size:clamp(42px,7vw,78px);line-height:.92}.lead{color:#4f4a43;font-size:19px;line-height:1.55}.primary-btn,.ghost-btn,.icon-btn,.chip{border:1px solid var(--line);background:var(--panel-strong);color:var(--foreground);border-radius:999px}.primary-btn{align-items:center;gap:10px;margin-top:20px;padding:13px 18px;font-weight:750;display:inline-flex;box-shadow:0 8px 26px #0a84ff2e}.setup-warning{color:#5f4200;background:#ffcc0029;border:1px solid #ff950059;border-radius:18px;gap:6px;margin-top:20px;padding:14px 16px;display:grid}.setup-warning span{font-size:14px;line-height:1.45}.primary-btn.blue{background:var(--blue);color:#fff;border-color:#0000}.preview-shell{border-radius:30px;min-height:540px;overflow:hidden}.traffic{border-bottom:1px solid var(--line);gap:8px;padding:15px 18px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28c840}.preview-grid{grid-template-columns:150px 210px 1fr;min-height:490px;display:grid}.preview-side{border-right:1px solid var(--line);background:#f6f6f68c;padding:18px 12px}.preview-list{border-right:1px solid var(--line);background:#ffffff59;padding:16px}.preview-editor{background:#ffffff8a;padding:28px}.side-row,.note-row,.todo-row{border-radius:13px;margin-bottom:8px;padding:10px 12px}.side-row.active{color:#075db4;background:#0a84ff1f;font-weight:750}.note-row{background:#ffffffa6}.note-row.active{outline:2px solid #f5c542b3}.note-title{margin-bottom:4px;font-weight:760}.note-snippet,.meta{color:var(--muted);font-size:13px}.note-snippet{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;overflow-wrap:anywhere;white-space:pre-line;-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}.todo-row{background:#ffffff9e;align-items:center;gap:10px;display:flex}.circle{border:2px solid var(--blue);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.circle.circle-on{background:var(--blue)}.app-page{min-height:100dvh;padding:18px}.app-shell{border-radius:28px;grid-template-columns:232px 330px minmax(0,1fr);height:calc(100dvh - 36px);display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#f4f4f6ad;padding:18px 14px}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sidebar-toggle,.drawer-scrim{display:none}.logo{align-items:center;gap:9px;font-weight:850;display:flex}.logo-mark{color:#1f2328;letter-spacing:-.04em;background:linear-gradient(135deg,#ffd35a,#fff4bd);border-radius:9px;place-items:center;width:28px;height:28px;font-size:19px;font-weight:850;line-height:1;display:grid}.nav-section{margin:18px 0}.nav-label{color:var(--muted);margin:0 10px 8px;font-size:12px;font-weight:720}.nav-btn{color:#3d3a36;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;width:100%;min-width:0;padding:10px 11px;display:flex}.nav-btn>span{overflow-wrap:anywhere;min-width:0}.nav-btn.active{color:#075db4;background:#0a84ff1f;font-weight:780}.user-card{color:var(--muted);margin-top:auto;font-size:13px;overflow:hidden}.list-pane{border-right:1px solid var(--line);background:#ffffff6b;flex-direction:column;min-width:0;display:flex}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.search{border:1px solid var(--line);background:#ffffffd1;border-radius:999px;outline:none;width:100%;padding:10px 13px}.icon-btn{flex:none;place-items:center;width:38px;height:38px;display:grid}.items{flex:1;min-height:0;padding:12px;overflow-y:auto}.item{text-align:left;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:0 0;border:0;border-radius:16px;align-items:flex-start;gap:12px;width:100%;margin-bottom:7px;padding:13px;display:flex}.item:hover,.item.active{background:#ffffffdb}.item.active{box-shadow:inset 3px 0 0 var(--yellow)}.item.checked{background:#0a84ff1a}.item-body{flex:1;min-width:0}.item-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.select-circle{border:2px solid var(--line);color:#fff;background:#fff9;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;transition:background .12s,border-color .12s;display:inline-flex}.select-circle-checked{background:var(--blue);border-color:var(--blue)}.select-count{color:var(--foreground);flex:1;padding:8px 12px;font-size:15px;font-weight:720}.select-actions{flex-shrink:0;gap:8px;display:flex}.ghost-btn.danger{color:var(--red);align-items:center;gap:6px;display:inline-flex}.editor-pane{background:#ffffffb8;flex-direction:column;min-width:0;display:flex}.editor-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.editor-actions{align-items:center;gap:8px;display:flex}.ghost-btn{background:#ffffff8c;padding:9px 13px}.title-input,.todo-title-input,.todo-notes-input,.date-input,.list-input{width:100%;color:var(--foreground);background:0 0;border:0;outline:none}.editor-body{padding:30px clamp(24px,5vw,70px);overflow:auto}.title-input{letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(34px,5vw,54px);font-weight:850}.note-editor-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin:0 0 12px;padding-bottom:10px;display:flex}.tool-btn{width:34px;height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;display:grid}.tool-btn:hover{color:var(--foreground);background:#0000000d}.tool-btn.active{color:#075db4;background:#0a84ff1f}.note-editor .ProseMirror{min-height:58dvh;color:var(--foreground);-webkit-tap-highlight-color:transparent;outline:none;font-size:18px;line-height:1.65}.note-editor .ProseMirror h1,.note-editor .ProseMirror h2,.note-editor .ProseMirror h3,.note-editor .ProseMirror h4{letter-spacing:-.02em;margin:18px 0 10px}.note-editor .ProseMirror>:first-child{margin-top:0}.note-editor .ProseMirror h1{font-size:30px;font-weight:800}.note-editor .ProseMirror h2{font-size:24px;font-weight:750}.note-editor .ProseMirror h3{font-size:20px;font-weight:720}.note-editor .ProseMirror h4{font-size:17px;font-weight:700}.note-editor .ProseMirror p{margin:0 0 12px}.note-editor .ProseMirror ul,.note-editor .ProseMirror ol{margin:0 0 14px;padding-left:24px}.note-editor .ProseMirror li{margin-bottom:4px}.note-editor .ProseMirror strong{font-weight:800}.note-editor .ProseMirror a{color:var(--blue);text-decoration:underline}.note-editor .ProseMirror blockquote{border-left:3px solid var(--line);color:var(--muted);margin:0 0 12px;padding:0 0 0 14px}.note-editor .ProseMirror code{background:#0000000f;border-radius:5px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em}.note-editor .ProseMirror pre{background:#0000000d;border-radius:12px;margin:0 0 14px;padding:12px 14px;overflow-x:auto}.note-editor .ProseMirror pre code{background:0 0;padding:0}.empty{height:100%;color:var(--muted);text-align:center;place-items:center;padding:32px;display:grid}.todo-detail{max-width:760px;margin:0 auto}.complete-toggle{border:1px solid var(--line);color:var(--foreground);background:#fff9;border-radius:999px;align-items:center;gap:10px;margin:6px 0 18px;padding:7px 18px 7px 7px;font-size:14px;font-weight:700;display:inline-flex}.complete-toggle.done{color:#075db4;background:#0a84ff1f;border-color:#0a84ff4d}.complete-toggle-circle{border:2px solid var(--blue);color:#fff;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.complete-toggle.done .complete-toggle-circle{background:var(--blue);border-color:var(--blue)}.todo-title-input{letter-spacing:-.045em;font-size:clamp(30px,4vw,48px);font-weight:820}.todo-notes-input{resize:vertical;border:1px solid var(--line);background:#ffffff9e;border-radius:18px;min-height:180px;margin-top:26px;padding:18px;line-height:1.55}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.field{border:1px solid var(--line);background:#ffffff9e;border-radius:16px;padding:12px 14px}.field span{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.completed{color:var(--muted);text-decoration:line-through}.calendar-pane{border-left:1px solid var(--line);background:#ffffff6b;flex-direction:column;grid-column:2/-1;min-width:0;padding:18px 22px 24px;display:flex;overflow:auto}.calendar-nav{align-items:center;gap:10px;margin-bottom:14px;display:flex}.calendar-nav h2{letter-spacing:-.02em;margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:800}.calendar-nav .icon-btn{width:34px;height:34px}.calendar-nav .ghost-btn{padding:7px 13px}.calendar-loading{margin-left:auto}.calendar-grid{border:1px solid var(--line);background:#fff9;border-radius:18px;margin-bottom:16px;padding:8px}.weekday-header{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;padding:4px 4px 8px;font-size:11px;font-weight:720;display:grid}.calendar-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-cell{min-height:64px;color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:stretch;padding:8px 6px 4px;font-size:15px;font-weight:600;display:flex}.day-cell:nth-child(7n+6),.day-cell:nth-child(7n){background:#0000000a}.day-cell:hover{background:#ffffffb3}.day-cell .day-num{font-variant-numeric:tabular-nums;align-self:flex-end}.day-cell.out-of-month{color:#00000040}.day-cell.today .day-num{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;display:inline-flex}.day-cell.selected{background:#0a84ff1a;box-shadow:inset 0 0 0 2px #0a84ff66}.event-dots{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:3px;min-height:8px;display:flex}.event-dot{border-radius:50%;width:6px;height:6px}.day-events h3{letter-spacing:-.01em;margin:6px 0 12px;font-size:18px;font-weight:750}.event-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.event-row{background:#ffffffb3;border-left:4px solid #999;border-radius:12px;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.event-time{font-variant-numeric:tabular-nums;color:var(--muted);min-width:56px;padding-top:1px;font-size:13px;font-weight:720}.event-content{flex:1;min-width:0}.event-title{font-size:15px;font-weight:700;line-height:1.4}.event-location{margin-top:2px;font-size:13px}.calendar-toggle .calendar-swatch{border:2px solid #0000;border-radius:4px;flex:none;width:14px;height:14px}.calendar-toggle:not(.calendar-toggle-on) span:not(.calendar-swatch){color:var(--muted)}@media (max-width:900px){.calendar-pane{grid-column:2/-1;padding:14px 14px 22px}.day-cell{min-height:54px;padding:6px 4px 3px;font-size:13px}.day-cell.today .day-num{width:22px;height:22px;font-size:12px}.event-dot{width:5px;height:5px}.hero{grid-template-columns:1fr}.preview-grid{grid-template-columns:120px 1fr}.preview-editor{display:none}.app-page{padding:0}.app-shell{border-radius:0;grid-template-columns:168px 230px minmax(0,1fr);height:100dvh}.sidebar{padding:14px 10px}.nav-btn{gap:8px;padding:9px}.editor-body{padding:24px clamp(18px,4vw,40px)}.title-input{font-size:clamp(28px,4.6vw,44px)}.field-grid{grid-template-columns:1fr}}@media (max-width:640px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding:12px 8px}.sidebar-header{flex-direction:column;align-items:center;gap:10px}.sidebar-toggle{width:34px;height:34px;display:grid}.logo span:not(.logo-mark),.nav-label,.user-card,.nav-btn span:not(.circle):not(.calendar-swatch){display:none}.nav-btn{justify-content:center;gap:0;padding:10px 4px}.nav-btn .calendar-swatch{border-radius:6px;width:16px;height:16px}.nav-btn .circle{width:14px;height:14px}.list-pane{border-right:0}.sidebar.drawer-open{z-index:30;background:var(--background);width:min(280px,82vw);padding:16px 12px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:12px 0 48px #1f232838}.sidebar.drawer-open .sidebar-header{flex-direction:row;justify-content:space-between}.sidebar.drawer-open .logo span:not(.logo-mark),.sidebar.drawer-open .nav-label,.sidebar.drawer-open .user-card,.sidebar.drawer-open .nav-btn span:not(.circle):not(.calendar-swatch){display:revert}.sidebar.drawer-open .nav-btn{justify-content:flex-start;gap:9px;padding:10px 11px}.sidebar.drawer-open .nav-btn .calendar-swatch{border-radius:4px;width:14px;height:14px}.sidebar.drawer-open .nav-btn .circle{width:18px;height:18px}.drawer-scrim{z-index:29;background:#1c1c1e59;display:block;position:fixed;inset:0}.editor-pane{z-index:5;background:var(--background);-webkit-backdrop-filter:blur(28px)saturate(145%);position:fixed;inset:0;box-shadow:0 -8px 40px #1f232826}.editor-pane.hidden-mobile{display:none}}