:root{--desk:#d8d3bd;--panel:#b8c2a4;--paper:#fbf7e8;--paper-line:#41554821;--key:#e8e1cd;--ink:#272d28;--muted:#68715f;--line:#272d2838;--line-dark:#272d2880;--signal:#b54632;--shadow:#3a362b59;--soft-paper:#f9f6ecb8;--soft-paper-strong:#f9f6ecdb;--control-float:#e8e1cdf0;--placeholder:#272d2873;--mono:"Courier New", Courier, monospace;--serif:Georgia, "Times New Roman", serif;color:var(--ink);background:var(--desk);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-color:var(--line-dark) transparent}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--signal);outline-offset:2px}#root{min-height:100svh}.writer-shell{background:linear-gradient(90deg, #1b201d14 1px, transparent 1px) 0 0 / 36px 36px, var(--desk);grid-template-rows:minmax(100svh,auto) auto;grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:100svh;display:grid}.theme-terminal{--desk:#07130b;--panel:#0c1f12;--paper:#061009;--paper-line:#52ff8b1f;--key:#102918;--ink:#7cff9d;--muted:#39b765;--line:#7cff9d47;--line-dark:#7cff9d9e;--signal:#e8ff6f;--shadow:#0000008c;--soft-paper:#061009c7;--soft-paper-strong:#102918f2;--control-float:#102918f2;--placeholder:#7cff9d73}.theme-ms-dos{--desk:#00a;--panel:#00005f;--paper:#00a;--paper-line:#ffffff21;--key:#0aa;--ink:#fff;--muted:#c7c7c7;--line:#ffffff59;--line-dark:#ffffffbf;--signal:#ff5;--shadow:#00000073;--soft-paper:#0000aac7;--soft-paper-strong:#00aaaaf0;--control-float:#00aaaaf0;--placeholder:#ffffff8c}.theme-black-white{--desk:#efefef;--panel:#d8d8d8;--paper:#fff;--paper-line:#0000001a;--key:#f5f5f5;--ink:#000;--muted:#555;--line:#00000038;--line-dark:#0000009e;--signal:#000;--shadow:#0000003d;--soft-paper:#ffffffbd;--soft-paper-strong:#f5f5f5f5;--control-float:#f5f5f5f5;--placeholder:#0000006b}.theme-windows-retro{--desk:teal;--panel:silver;--paper:#fff;--paper-line:#00000017;--key:#dcdcdc;--ink:#000;--muted:#404040;--line:#00000047;--line-dark:#000000b3;--signal:navy;--shadow:#00000052;--soft-paper:#ffffffc7;--soft-paper-strong:#dcdcdcf5;--control-float:#dcdcdcf5;--placeholder:#00000073}.scheduler{border-right:1px solid var(--line-dark);background:var(--panel);box-sizing:border-box;grid-template-rows:auto auto auto 1fr;gap:14px;min-height:100svh;padding:22px 16px;display:grid}.brand{min-height:48px;color:var(--ink);font-family:var(--mono);justify-content:space-between;align-items:end;gap:10px;display:flex}.brand span{letter-spacing:0;font-size:13px}.brand strong{text-transform:uppercase;font-size:12px;font-weight:700}.icon-button,.sync-dock button,.side-tabs button{border:1px solid var(--line-dark);background:var(--key);height:38px;color:var(--ink);font:700 15px/1 var(--mono);cursor:pointer;border-radius:4px}.icon-button{width:100%;font-size:24px}.icon-button:hover,.sync-dock button:hover:not(:disabled),.side-tabs button:hover,.note-link:hover{border-color:var(--ink)}.side-tabs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.side-tabs button{padding:0 6px;font-size:12px}.side-tabs button.active{background:var(--ink);color:var(--paper)}.note-list{align-content:start;gap:8px;min-width:0;display:grid;overflow:auto}.note-link{border:1px solid var(--line);background:var(--soft-paper);width:100%;min-height:66px;color:var(--muted);text-align:left;cursor:pointer;border-radius:4px;gap:5px;padding:10px;display:grid}.category-filter,.category-bar input,.tag-bar input,.categories-panel input,.category-search-panel input,.settings-panel input,.settings-panel select,.sync-dock input,.sync-dock select{border:1px solid var(--line-dark);background:var(--paper);min-width:0;height:38px;color:var(--ink);font:13px/1 var(--mono);box-sizing:border-box;border-radius:4px;padding:0 10px}.category-filter{width:100%}.categories-panel,.settings-panel{align-content:start;gap:12px;min-width:0;display:grid;overflow:auto}.category-groups{gap:14px;display:grid}.category-group{gap:6px;display:grid}.category-group h2{color:var(--ink);font:700 12px/1 var(--mono);text-transform:uppercase;margin:0}.category-note{border:1px solid var(--line);background:var(--soft-paper);width:100%;min-height:52px;color:var(--muted);text-align:left;cursor:pointer;border-radius:4px;gap:5px;padding:9px;display:grid}.category-note.active{border-color:var(--ink);background:var(--paper);color:var(--ink)}.category-note span{text-overflow:ellipsis;white-space:nowrap;font:700 13px/1.2 var(--mono);overflow:hidden}.category-note time,.empty-state{color:var(--muted);font:12px/1 var(--mono);margin:0}.settings-panel label{color:var(--muted);font:12px/1.2 var(--mono);text-transform:uppercase;gap:6px;display:grid}.settings-panel input,.settings-panel select{width:100%}.settings-panel input[type=range]{accent-color:var(--signal);padding:0}.route-hint{color:var(--muted);font:12px/1.2 var(--mono);text-transform:uppercase;align-content:start;gap:10px;display:grid}.route-hint button{border:1px solid var(--line-dark);background:var(--key);height:38px;color:var(--ink);font:700 13px/1 var(--mono);cursor:pointer;border-radius:4px}.categories-route{box-sizing:border-box;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:100svh;padding:clamp(18px,4vw,44px);display:grid}.categories-route h1{color:var(--ink);font:700 clamp(30px, 5vw, 52px)/1.05 var(--serif);margin:0}.category-search-panel{grid-template-columns:minmax(180px,420px);padding-bottom:18px;display:grid}.category-search-panel input{width:100%}.category-directory{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-content:start;gap:14px;min-height:0;display:grid;overflow:auto}.category-card{border:1px solid var(--line-dark);background:var(--soft-paper);border-radius:6px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.category-card header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.category-card h2{color:var(--ink);font:700 17px/1.15 var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.category-card header span{color:var(--muted);font:12px/1 var(--mono);text-transform:uppercase;flex:none}.category-note-list{gap:7px;display:grid}.note-link.active{background:var(--paper);border-color:var(--ink);color:var(--ink)}.note-link span{text-overflow:ellipsis;white-space:nowrap;font:700 14px/1.3 var(--mono);overflow:hidden}.note-link time{font:12px/1 var(--mono)}.note-link small{color:var(--signal);font:11px/1 var(--mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.machine{box-sizing:border-box;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:100svh;padding:clamp(18px,4vw,44px);display:grid}.machine.maximized{background:var(--desk);width:100vw;min-height:100svh}.machine:fullscreen{background:var(--desk);width:100vw;min-height:100svh}.top-rail{justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;display:flex}.kicker{color:var(--muted);font:12px/1.4 var(--mono);text-transform:uppercase;margin-bottom:8px;display:block}.title-input{text-overflow:ellipsis;white-space:nowrap;width:min(680px,58vw);max-width:58vw;color:var(--ink);font:700 clamp(26px, 4vw, 44px)/1.05 var(--serif);background:0 0;border:0;border-bottom:1px solid #0000;margin:0;padding:0;overflow:hidden}.title-input:focus{border-bottom-color:var(--line-dark);outline:0}.title-input::placeholder{color:var(--placeholder)}.meter{min-width:190px;color:var(--muted);text-align:right;font:12px/1.2 var(--mono);gap:6px;display:grid}.note-meta-bar{grid-template-columns:minmax(180px,300px) minmax(220px,1fr);gap:12px;padding-bottom:14px;display:grid}.category-bar,.tag-bar{color:var(--muted);font:12px/1 var(--mono);text-transform:uppercase;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.paper{border:1px solid var(--line-dark);background:linear-gradient(var(--paper-line) 1px, transparent 1px) 0 3.25rem / 100% 2rem, var(--paper);min-height:0;box-shadow:0 18px 0 -12px var(--shadow), 0 28px 50px #1e1e1929;border-radius:6px;position:relative}.edit-popover{z-index:2;border:1px solid var(--line-dark);background:var(--control-float);opacity:0;pointer-events:none;border-radius:5px;flex-wrap:wrap;gap:5px;max-width:min(520px,100% - 24px);padding:6px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:12px;left:50%;right:auto;transform:translate(-50%,4px);box-shadow:0 10px 24px #1e1e1929}.paper-controls{z-index:3;gap:6px;display:flex;position:absolute;top:12px;right:12px}.mode-switch{border:1px solid var(--line-dark);background:var(--control-float);box-sizing:border-box;border-radius:5px;grid-template-columns:1fr 1fr;width:156px;height:32px;padding:3px;display:grid}.mode-switch button,.maximize-button{color:var(--muted);font:700 11px/1 var(--mono);cursor:pointer;background:0 0;border:0;border-radius:3px}.maximize-button{border:1px solid var(--line-dark);background:var(--control-float);width:64px;height:32px}.mode-switch button.active,.maximize-button:hover{background:var(--ink);color:var(--paper)}.edit-popover.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.edit-popover button{border:1px solid var(--line-dark);background:var(--key);min-width:30px;height:28px;color:var(--ink);font:700 11px/1 var(--mono);cursor:pointer;border-radius:4px;padding:0 8px}.edit-popover button:hover{border-color:var(--ink)}textarea{resize:none;box-sizing:border-box;width:100%;height:100%;min-height:58svh;color:var(--ink);font:19px/2 var(--mono);letter-spacing:0;caret-color:var(--signal);background:0 0;border:0;outline:0;padding:clamp(22px,4vw,56px)}.markdown-preview{box-sizing:border-box;min-height:58svh;color:var(--ink);font:19px/1.8 var(--mono);text-align:left;white-space:normal;padding:clamp(66px,7vw,92px) clamp(22px,4vw,56px) clamp(22px,4vw,56px)}.markdown-preview h2{color:var(--ink);font:700 30px/1.2 var(--serif);margin:0 0 18px}.markdown-preview p,.markdown-preview blockquote,.markdown-preview ul{margin:0 0 16px}.markdown-preview blockquote{border-left:3px solid var(--signal);color:var(--muted);padding-left:18px}.markdown-preview ul{padding-left:28px}.markdown-preview li{margin-bottom:6px;display:list-item}.markdown-preview code{border:1px solid var(--line);background:var(--soft-paper-strong);font:.92em/1 var(--mono);border-radius:3px;padding:2px 5px}.markdown-preview hr{background:var(--line-dark);border:0;height:1px;margin:20px 0}.markdown-preview .task-item{align-items:center;gap:8px;margin-left:-24px;list-style:none;display:flex}.markdown-preview .task-item input{accent-color:var(--signal)}.preview-space{height:16px}textarea::placeholder{color:var(--placeholder)}.sync-dock{grid-template-columns:minmax(120px,1fr) repeat(3,76px);gap:8px;padding-top:16px;display:grid}.sync-target{border:1px solid var(--line);background:var(--soft-paper);min-width:0;height:38px;color:var(--muted);font:12px/1 var(--mono);text-transform:uppercase;box-sizing:border-box;border-radius:4px;align-items:center;padding:0 10px;display:inline-flex}.sync-dock button:disabled{cursor:not-allowed;opacity:.45}.app-guide{border-top:1px solid var(--line-dark);background:var(--panel);color:var(--ink);box-sizing:border-box;grid-column:1/-1;gap:24px;padding:clamp(24px,5vw,56px);display:grid}.guide-heading{gap:10px;max-width:840px;display:grid}.guide-heading h2{color:var(--ink);font:700 clamp(28px, 4vw, 44px)/1.08 var(--serif);margin:0}.guide-heading p{color:var(--muted);font:15px/1.6 var(--mono);margin:0}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.guide-grid article{border:1px solid var(--line-dark);background:var(--soft-paper);border-radius:6px;align-content:start;gap:10px;min-width:0;padding:16px;display:grid}.guide-grid h3{color:var(--ink);font:700 15px/1.2 var(--mono);text-transform:uppercase;margin:0}.guide-grid p,.guide-grid ol{color:var(--muted);font:13px/1.55 var(--mono);margin:0}.guide-grid ol{padding-left:20px}.guide-grid li+li{margin-top:6px}.guide-grid code{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:.92em/1.2 var(--mono);border-radius:3px;padding:1px 5px}.guide-grid strong{color:var(--ink)}@media (width<=820px){.writer-shell{grid-template-rows:auto auto auto;grid-template-columns:1fr}.scheduler{border-right:0;border-bottom:1px solid var(--line-dark);min-height:auto}.note-list{padding-bottom:4px;display:flex;overflow-x:auto}.settings-panel{grid-template-columns:1fr 1fr}.note-link{flex:0 0 190px}.machine{min-height:calc(100svh - 230px)}.top-rail{flex-direction:column;align-items:start}.title-input{width:100%;max-width:100%}.meter{text-align:left;min-width:0}.category-bar,.note-meta-bar,.tag-bar{grid-template-columns:1fr}.sync-dock{grid-template-columns:1fr 1fr}.sync-target{grid-column:1/-1}.sync-dock button{width:100%}}