:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#fdfdfc;--bg-sidebar:#f9f9f8;--bg-surface:#fff;--bg-subtle:#f9f9f8;--bg-input:#f1f0ef;--bg-hover:#f1f0ef;--bg-active:#e9e8e6;--border-subtle:#e9e8e6;--border:#dad9d6;--border-strong:#cfceca;--text:#21201c;--text-2:#63635e;--text-3:#82827c;--text-inverse:#fdfdfc;--accent:#0090ff;--link:#0d74ce;--focus:#0090ff;--btn-primary:#21201c;--btn-primary-hover:#3b3a37;--mark:#fff394;--warn:#ab6400;--danger:#ce2c31;--media-outline:#00000014;--scrim:#0006;--shadow-pop:0 0 0 1px #0000000f, 0 4px 12px #0000000f, 0 16px 32px -8px #00000024;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--ease-out:cubic-bezier(.23, 1, .32, 1);--t-fast:.12s;--t-base:.18s;--t-slow:.24s;--note-bg:#fff7c2;--note-text:#4f3422;--note-muted:#ab6400;--note-fold:#ffe48b;--note-shadow:0 1px 1px #4f34220f, 0 6px 16px -4px #4f34222e;--notes-w:232px;--notes-gap:28px;--sidebar-w:248px;--top:52px;--column:640px;--pad:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111110;--bg-sidebar:#111110;--bg-surface:#191918;--bg-subtle:#191918;--bg-input:#191918;--bg-hover:#222221;--bg-active:#2a2a28;--border-subtle:#222221;--border:#3b3a37;--border-strong:#494844;--text:#eeeeec;--text-2:#b5b3ad;--text-3:#7c7b74;--text-inverse:#111110;--link:#70b8ff;--focus:#3b9eff;--btn-primary:#eeeeec;--btn-primary-hover:#dad9d6;--mark:#524202;--warn:#ffca16;--danger:#ff9592;--media-outline:#ffffff14;--scrim:#0009;--shadow-pop:0 0 0 1px #ffffff14, 0 8px 24px #00000080;--note-bg:#302008;--note-text:#ffe7b3;--note-muted:#ffca16;--note-fold:#3f2700;--note-shadow:0 0 0 1px #ffca1614, 0 8px 20px -4px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:400 13px/20px var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-xs)}mark{background:var(--mark);color:inherit;border-radius:2px;padding:0 1px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spacer{flex:1}.btn{border-radius:var(--r-sm);white-space:nowrap;height:32px;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), opacity var(--t-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.sm{height:24px;padding:0 8px}.btn.block{width:100%;height:36px}.btn.icon{width:28px;height:28px;padding:0}.btn.primary{background:var(--btn-primary);color:var(--text-inverse)}.btn.primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn.secondary{background:var(--bg-surface);border-color:var(--border)}.btn.secondary:hover:not(:disabled){background:var(--bg-hover)}.btn.ghost{color:var(--text-2)}.btn.ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn.danger{color:var(--danger)}.input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-surface);width:100%;min-height:32px;transition:border-color var(--t-fast) var(--ease-out);padding:5px 10px;line-height:20px}.input:hover{border-color:var(--border-strong)}.input:focus{outline:2px solid var(--focus);outline-offset:-1px;border-color:#0000}textarea.input{resize:vertical}.form-error{color:var(--danger);margin:0}.spin{animation:.9s linear infinite spin}@keyframes spin{to{rotate:360deg}}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{height:var(--top);letter-spacing:-.01em;flex:none;align-items:center;padding:0 16px;font-size:14px;font-weight:600;display:flex}.sidebar-scroll{flex:1;padding-bottom:12px;overflow-y:auto}.nav{margin:0;padding:0;list-style:none}.nav-group{color:var(--text-3);margin:0;padding:16px 16px 4px;font-size:12px;font-weight:500;line-height:16px}.nav-item{border-radius:var(--r-sm);width:calc(100% - 16px);height:30px;color:var(--text-2);text-align:left;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;margin:0 8px;padding:0 8px;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--bg-active);color:var(--text);font-weight:500}.nav-item.ghost{color:var(--text-3)}.nav-item.ghost:hover{color:var(--text)}.nav-icon{color:var(--text-3);stroke-width:1.5px;flex:none}.nav-item.active .nav-icon{color:var(--text-2)}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-count{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.nav-item.active .nav-count{color:var(--text-2)}.sidebar-foot{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:12px 8px 12px 16px;display:flex}.sync-status{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.menu{position:relative}.menu-pop{z-index:40;border-radius:var(--r-md);background:var(--bg-surface);min-width:200px;box-shadow:var(--shadow-pop);animation:pop var(--t-base) var(--ease-out);padding:4px;position:absolute;bottom:calc(100% + 6px);right:0}.menu-pop button{border-radius:var(--r-xs);text-align:left;background:0 0;border:0;width:100%;height:30px;padding:0 8px;display:block}.menu-pop button:hover:not(:disabled){background:var(--bg-hover)}.menu-pop button:disabled{color:var(--text-3);cursor:default}.menu-pop hr{border:0;border-top:1px solid var(--border-subtle);margin:4px 0}@keyframes pop{0%{opacity:0;translate:0 4px}}.main{min-width:0}.column{width:100%;max-width:var(--column);padding:0 var(--pad);margin:0 auto}.topbar{z-index:20;height:var(--top);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);position:sticky;top:0}.topbar-inner{align-items:center;gap:8px;height:100%;display:flex}.menu-button{display:none}.search{flex:1;position:relative}.search-icon{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:10px;translate:0 -50%}.search input{border-radius:var(--r-sm);background:var(--bg-input);width:100%;height:32px;transition:background var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);border:1px solid #0000;padding:0 72px 0 32px}.search input::placeholder{color:var(--text-3)}.search input::-webkit-search-cancel-button{display:none}.search input:focus{outline:2px solid var(--focus);outline-offset:-1px;background:var(--bg-surface);border-color:var(--border-strong)}.search kbd,.search-count{color:var(--text-3);pointer-events:none;position:absolute;top:50%;right:8px;translate:0 -50%}.search kbd{border:1px solid var(--border);border-radius:var(--r-xs);min-width:18px;height:18px;font:500 11px/16px var(--font);text-align:center;padding:0 4px}.search input:focus~kbd{display:none}.search-count{font-variant-numeric:tabular-nums;font-size:12px}.progress{height:2px;animation:fade-in var(--t-base) var(--ease-out);position:absolute;bottom:0;left:0;right:0}.progress-bar{background:var(--accent);height:100%;transition:width var(--t-slow) var(--ease-out)}@keyframes fade-in{0%{opacity:0}}.feed{padding-bottom:96px}.feed-head{border-bottom:1px solid var(--border-subtle);padding:24px 0 16px}.feed-title-row{align-items:center;gap:8px;display:flex}.feed-title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:28px}.feed-head>.feed-title{margin-bottom:16px}.feed-count{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:400}.feed-desc{max-width:60ch;color:var(--text-2);margin:4px 0 0;font-size:14px}.order{margin-left:auto}.order select{border-radius:var(--r-sm);height:24px;color:var(--text-2);background:0 0;border:0;padding:0 4px;font-weight:500}.order select:hover{background:var(--bg-hover);color:var(--text)}.toast{border-radius:var(--r-md);background:var(--bg-subtle);box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--text-2);margin:12px 0 0;padding:8px 12px}.manager-form{padding-top:8px}.cat-rows{flex-direction:column;display:flex}.cat-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name count delete""desc desc desc";align-items:center;gap:6px 8px;padding:12px 0;display:grid}.cat-name{grid-area:name;margin-left:-10px;font-weight:500}.cat-row .cat-desc{width:calc(100% + 10px);color:var(--text-2);resize:none;field-sizing:content;grid-area:desc;min-height:32px;margin-left:-10px}.cat-name:not(:focus):not(:hover),.cat-desc:not(:focus):not(:hover){background:0 0;border-color:#0000}.cat-desc:focus{color:var(--text)}.cat-count{color:var(--text-3);font-variant-numeric:tabular-nums;grid-area:count;font-size:12px}.cat-delete{grid-area:delete}.add-row{margin:12px 0 0 -12px}.manager-bar{padding:12px 0 max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);align-items:center;gap:8px;margin-top:24px;display:flex;position:sticky;bottom:0}.manager-status{min-width:0;color:var(--text-3);font-variant-numeric:tabular-nums;flex:1}.nav-group-row{justify-content:space-between;align-items:center;padding-right:12px;display:flex}.nav-group-row .btn{color:var(--text-3);margin-top:12px;font-size:12px}.nav-group-row .btn:hover,.nav-group-row .btn.active{color:var(--text)}.empty{text-align:center;padding:96px 0 0}.empty-title{margin:0;font-size:14px;font-weight:500}.empty-text{max-width:44ch;color:var(--text-2);margin:4px auto 0}.empty .btn{margin-top:16px}.loading{min-height:100vh}.item{border-bottom:1px solid var(--border-subtle);padding:16px 0}.post{gap:12px;display:flex}.post-main{flex:1;min-width:0}.avatar{background:var(--bg-active);border-radius:50%;flex:none;width:40px;height:40px;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar:after,.media-item:after,.link-thumb:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-outline);pointer-events:none;position:absolute;inset:0}.post-head{align-items:center;gap:4px;min-width:0;font-size:14px;line-height:20px;display:flex}.name{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:60%;font-weight:600;overflow:hidden}.name:hover{text-decoration:underline}.handle{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);overflow:hidden}.handle a:hover{text-decoration:underline}.reply-to{color:var(--text-2);margin:0;font-size:14px}.post-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0;font-size:15px;line-height:22px}.post-text.clamped{-webkit-line-clamp:8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.show-more{color:var(--link);background:0 0;border:0;margin-top:2px;padding:0;font-size:15px;line-height:22px}.show-more:hover{text-decoration:underline}.entity{color:var(--link)}.entity:hover{text-decoration:underline}.media{border-radius:var(--r-lg);gap:2px;margin-top:12px;display:grid;overflow:hidden}.media-2,.media-3,.media-4{aspect-ratio:16/9;grid-template-columns:1fr 1fr;grid-auto-rows:1fr}.media-2{grid-template-rows:1fr}.media-3>:first-child{grid-row:span 2}.media-item{background:var(--bg-active);min-height:0;display:block;position:relative}.media-1 .media-item{border-radius:var(--r-lg);max-height:510px;overflow:hidden}.media-item img,.media-item video{object-fit:cover;width:100%;height:100%;display:block}.media-1 .media-item img,.media-1 .media-item video{max-height:510px}.link-card{border:1px solid var(--border);border-radius:var(--r-lg);transition:background var(--t-fast) var(--ease-out);margin-top:12px;display:flex;overflow:hidden}.link-card:hover{background:var(--bg-hover)}.link-thumb{background:var(--bg-active);border-right:1px solid var(--border);flex:none;align-self:stretch;width:88px;min-height:88px;position:relative}.link-thumb:after{display:none}.link-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.link-body{flex-direction:column;justify-content:center;min-width:0;padding:10px 12px;display:flex}.link-host{color:var(--text-3);font-size:12px;line-height:16px}.link-title{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;font-weight:500;overflow:hidden}.link-desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}.quoted{border:1px solid var(--border);border-radius:var(--r-lg);margin-top:12px;padding:12px}.quoted .avatar{width:20px;height:20px;margin-right:4px}.quoted .post-text{font-size:14px;line-height:20px}.quoted .media,.quoted .media-1 .media-item{border-radius:var(--r-md)}.note-aside{max-width:320px;margin:12px 0 0 52px}.sticky{background:var(--note-bg);width:100%;min-height:76px;color:var(--note-text);box-shadow:var(--note-shadow);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;transition:rotate var(--t-base) var(--ease-out), translate var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out);border:0;border-radius:2px;padding:12px 14px 16px;font-size:13px;line-height:20px;display:block;position:relative;rotate:-.8deg}.sticky:after{content:"";background:linear-gradient(315deg, var(--bg) 50%, var(--note-fold) 50%);width:14px;height:14px;position:absolute;bottom:0;right:0;box-shadow:-1px -1px 2px #4f342214}.item:nth-child(2n) .sticky{rotate:.7deg}button.sticky:hover,button.sticky:focus-visible,.sticky.editing{translate:0 -1px;rotate:0deg}button.sticky:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sticky.editing textarea{width:100%;min-height:60px;color:inherit;resize:none;field-sizing:content;background:0 0;border:0;padding:0;font-size:13px;line-height:20px;display:block}.sticky.editing textarea:focus{outline:none}.sticky.editing textarea::placeholder{color:color-mix(in srgb, var(--note-text) 55%, transparent)}.sticky-foot{justify-content:flex-end;gap:2px;margin-top:8px;display:flex}.sticky-btn{border-radius:var(--r-xs);height:22px;color:var(--note-text);background:0 0;border:0;padding:0 6px;font-size:12px;font-weight:500}.sticky-btn:hover:not(:disabled){background:color-mix(in srgb, var(--note-text) 10%, transparent)}.sticky-btn.strong{color:var(--note-muted);font-weight:600}@media (width>=1200px){:root{--notes-space:calc(var(--notes-w) + var(--notes-gap))}.column{margin-left:max(0px, calc((100% - var(--column) - var(--notes-space)) / 2));margin-right:auto}.item{grid-template-columns:minmax(0, 1fr) var(--notes-w);column-gap:var(--notes-gap);margin-right:calc(-1 * var(--notes-space));border-bottom:0;align-items:start;padding:0;display:grid}.item>.post{border-bottom:1px solid var(--border-subtle);grid-column:1;align-self:stretch;padding:16px 0}.note-aside{grid-column:2;max-width:none;margin:18px 0 16px}}@media (prefers-reduced-motion:reduce){.sticky,.item:nth-child(2n) .sticky{rotate:0deg}}.filing{align-items:flex-start;gap:8px;margin-top:12px;display:flex}.filing-chips{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.chip{border:1px solid var(--border-subtle);border-radius:var(--r-sm);max-width:100%;height:24px;color:var(--text-2);white-space:nowrap;transition:background var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);background:0 0;align-items:center;gap:4px;padding:0 8px;font-size:12px;line-height:16px;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--border);color:var(--text)}.chip span{text-overflow:ellipsis;overflow:hidden}.chip.primary{border-color:var(--border);background:var(--bg-surface);color:var(--text);padding:0 6px 0 8px;font-weight:500}.chip.primary:hover:not(:disabled),.chip.primary[aria-expanded=true]{background:var(--bg-hover);border-color:var(--border-strong)}.chip.primary.empty{color:var(--text-2);border-style:dashed}.chip-icon{color:var(--text-3);flex:none}.chip.unsure .chip-icon{color:var(--warn)}.chip-caret{color:var(--text-3);flex:none}.cat-menu{position:relative}.cat-pop{width:240px;animation-name:pop-down;inset:calc(100% + 4px) auto auto 0}.cat-pop.up{animation-name:pop;top:auto;bottom:calc(100% + 4px)}@keyframes pop-down{0%{opacity:0;translate:0 -4px}}.menu-note{color:var(--text-3);margin:0;padding:6px 8px 4px;font-size:12px;line-height:16px}.menu-scroll{max-height:260px;overflow-y:auto}.menu-pop button{align-items:center;gap:8px;display:flex}.menu-pop button:focus-visible{background:var(--bg-hover);outline:none}.menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu-icon{color:var(--text-3)}.filing-actions{flex:none;align-items:center;gap:2px;display:inline-flex}.filing-actions .btn{color:var(--text-3);gap:4px;font-size:12px}.filing-actions .btn:hover{color:var(--text)}.btn.icon-sm{width:24px;padding:0}.sentinel{height:1px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login form{flex-direction:column;gap:12px;width:min(320px,100%);display:flex}.login h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:28px}.login-sub{color:var(--text-2);margin:-8px 0 4px}.login .input{height:36px}.scrim{display:none}@media (width<=1023px){:root{--sidebar-w:224px}}@media (width<=767px){:root{--pad:16px}.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:50;width:min(300px,85vw);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);transition:translate var(--t-slow) var(--ease-out);position:fixed;top:0;left:0;translate:-100%}.sidebar.open{translate:0}.nav-item{height:40px}.scrim{z-index:45;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease-out);border:0;display:block;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.menu-button{width:32px;height:32px;margin-left:-6px;display:inline-flex}.search kbd{display:none}.sync{width:32px;padding:0}.sync-label,.filing-actions .btn-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}