:root{--bg: #0f0f10;--surface: #1b1b1d;--surface-raised: #232326;--text: #f2f2f2;--text-muted: #8a8a8e;--divider: rgba(255, 255, 255, .06);--accent-hover: rgba(255, 255, 255, .08);--error: #ff8a80;--pattern-dots: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .4);--composer-min-height: 96px;--app-height: 100dvh;--keyboard-offset: 0px;--viewport-top: 0px;--bottom-safe: env(safe-area-inset-bottom, 0px);--composer-height: calc(var(--composer-min-height) + 50px);--bottom-stack: calc(var(--composer-height) + 10px + var(--bottom-safe) + var(--keyboard-offset));--top-height: 54px;--composer-limit: calc((var(--app-height) - var(--keyboard-offset) - var(--viewport-top)) * .4);color:var(--text);background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100dvh;background:var(--bg);overflow:hidden}body{min-width:280px;overscroll-behavior:none}button,input,textarea{font:inherit;color:var(--text);border-radius:10px}button{cursor:pointer;background:transparent;border:0;padding:10px 12px;min-height:44px}button:hover,button:active{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--text-muted);outline-offset:-2px}input{font-size:16px;min-width:0;width:100%;padding:12px;border:1px solid var(--divider);background:var(--surface-raised)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}h1,h2,h3,p{margin:0}h1{font-size:24px;font-weight:400;margin-bottom:24px}h2{font-size:16px;font-weight:400}h3{font-size:14px;font-weight:400;margin:32px 0 12px}p{line-height:1.6;margin:12px 0}.muted{color:var(--text-muted)}.error{color:var(--error)}.sr-only,.username{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login{position:fixed;top:var(--viewport-top);left:0;right:0;height:calc(var(--app-height) - var(--keyboard-offset) - var(--viewport-top));display:grid;place-items:center;padding:24px}.login form{width:min(100%,320px)}.login form>button{margin-top:12px;width:100%;border:1px solid var(--divider);background:var(--surface-raised)}.login form>button:hover{background:var(--accent-hover)}.login .error{font-size:13px}.background-pattern{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.background-dots{background-image:radial-gradient(circle,var(--pattern-dots) .75px,transparent .75px);background-size:22px 22px}.app-shell{z-index:1;position:fixed;top:var(--viewport-top);left:0;right:0;height:calc(var(--app-height) - var(--viewport-top));display:flex;flex-direction:column;overflow:hidden}.bar{flex-shrink:0;padding-top:env(safe-area-inset-top,0px);background:var(--surface-raised);border-bottom:1px solid var(--divider)}.top-bar{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:0;right:0;margin:auto;width:min(720px,calc(100% - 24px));display:flex;align-items:center;border-radius:999px;background:var(--surface-raised);border:1px solid var(--divider);z-index:4}@supports (backdrop-filter: blur(12px)){.top-bar{background:color-mix(in srgb,var(--surface-raised) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.search-field{display:flex;flex:1;min-width:0}.search-field input{border:0;background:transparent;padding-left:18px;border-radius:999px}.filter-section,.menu-wrap{border-left:1px solid var(--divider);position:relative}.filters{display:flex;gap:2px;padding:4px}.filters button{border-radius:999px;font-size:13px;color:var(--text-muted);padding:6px 10px;min-height:36px}.filters button[aria-pressed=true]{color:var(--text);background:var(--accent-hover)}.filter-toggle{display:none;font-size:13px}.filter-popover{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-raised);border:1px solid var(--divider);padding:4px;border-radius:12px;z-index:6}.filter-popover button{display:block;width:100%;text-align:left;font-size:13px}.menu-wrap{position:relative;margin-left:auto}.menu-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent!important;z-index:5;width:100%;height:100%;cursor:default}.menu{position:absolute;top:100%;right:0;min-width:230px;z-index:6;background:var(--surface-raised);border:1px solid var(--divider);border-radius:12px;padding:6px}.menu button{display:block;width:100%;text-align:left}.auth-error{background:var(--surface-raised);padding:8px 16px;font-size:13px}.feed{background:transparent;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;padding-top:calc(var(--top-height) + 20px + env(safe-area-inset-top,0px));padding-bottom:var(--bottom-stack)}.feed-column{width:min(720px,calc(100% - 24px));margin:0 auto;padding:0 0 16px}.feed-message{font-size:13px;padding:24px 4px}.load-more{display:block;margin:8px auto 16px;font-size:12px}.day-divider{color:var(--text-muted);font-size:12px;margin:24px 0 12px;padding-left:4px}.block{background:var(--surface);margin:0 0 10px;padding:14px 16px;border:1px solid var(--divider);border-radius:12px;box-shadow:0 1px 2px var(--shadow-color)}.block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.block time{color:var(--text-muted);font-size:11px}.block-actions{display:flex;align-items:center;margin-right:-10px}.block button{border-radius:8px;background:transparent}.block button:hover,.block button:active{background:var(--accent-hover)}.block-actions button{font-size:12px;padding:10px}.block-copy{color:var(--text-muted)}.block:hover .block-copy,.block:focus-within .block-copy{color:var(--text)}.secondary-actions{display:flex;visibility:hidden}.block:hover .secondary-actions,.block:focus-within .secondary-actions{visibility:visible}.block-body{font-size:16px;line-height:1.5}.block-body pre{margin:0;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.block.editing{outline:1px solid var(--text-muted);outline-offset:2px}.block-body.is-collapsed{position:relative;max-height:18em;overflow:hidden}.block-body.is-collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2em;background:linear-gradient(transparent,var(--surface));pointer-events:none}.block-body pre.code{white-space:pre;overflow-x:auto;overflow-wrap:normal}.block-body a{color:var(--text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.show-more{font-size:12px;color:var(--text-muted);margin:8px 0 -8px -10px}.touch-actions{display:none}.new-pill{position:absolute;bottom:calc(var(--bottom-stack) + 12px);left:50%;transform:translate(-50%);border-radius:999px;font-size:12px;z-index:2;background:var(--surface-raised);border:1px solid var(--divider)}.composer{position:absolute;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 24px));bottom:calc(10px + var(--bottom-safe) + var(--keyboard-offset));background:var(--surface-raised);border-radius:12px;border:1px solid var(--divider);overflow:hidden}.composer textarea{display:block;width:100%;min-height:min(var(--composer-min-height),var(--composer-limit));max-height:var(--composer-limit);padding:12px 16px;background:transparent;border:0;border-radius:0;resize:none;font-size:16px;line-height:1.5;overflow-y:auto}.composer-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:3px 8px 3px 16px;border-top:1px solid var(--divider);color:var(--text-muted);font-size:11px}.composer-meta>div{display:flex;align-items:center;gap:12px}.composer-meta button{min-height:28px;padding:4px 8px;font-size:11px}.composer-meta .send{border-radius:999px;background:var(--accent-hover);color:#fff;padding:5px 14px;font-size:12px}.send-hint{display:none}@media (min-width: 600px) and (hover: hover){.send-hint{display:inline}}.dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#00000080;display:grid;place-items:center;padding:12px}.draft-dialog{width:min(100%,340px);background:var(--surface-raised);border:1px solid var(--divider);border-radius:12px;padding:16px}.draft-dialog button{display:block;width:100%;text-align:left}.overlay{position:fixed;top:var(--viewport-top);left:0;right:0;height:calc(var(--app-height) - var(--keyboard-offset) - var(--viewport-top));z-index:8;background:var(--bg);display:flex;flex-direction:column;padding-bottom:var(--bottom-safe)}.bar{display:flex;align-items:center;justify-content:space-between;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.panel-body{overflow:auto;flex:1;padding:24px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left))}.panel-body>*{max-width:688px;margin-left:auto;margin-right:auto}.copy-row,.key-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.copy-row{background:var(--surface-raised);border:1px solid var(--divider);border-radius:12px;padding-left:12px}.copy-row code{overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.6;-webkit-user-select:all;user-select:all}.copy-row button{flex-shrink:0}.key-form{display:grid;gap:12px;margin-top:32px}.key-form label{font-size:14px}.key-form button{justify-self:start}.key-reveal{margin-top:24px}.key-item{padding:20px 0;border-bottom:1px solid var(--divider)}.key-item strong{font-weight:400;overflow-wrap:anywhere}.key-item p{font-size:12px;margin-bottom:0}@media (min-width: 600px){:root{--composer-min-height: 150px;--composer-limit: calc((var(--app-height) - var(--keyboard-offset) - var(--viewport-top)) * .5)}}@media (max-width: 599px){.filters{display:none}.filter-toggle{display:block}.copy-row{flex-wrap:wrap;padding:12px;gap:8px}}@media (hover: none){.secondary-actions{display:none}.block-copy{color:var(--text);min-width:64px;min-height:44px}.actions-open .touch-actions{display:flex;gap:4px;margin:8px 0 -8px -10px}.touch-actions button{font-size:12px;min-height:44px}}@media (display-mode: standalone){:root{--app-height: 100vh}html,body{height:100vh}}