@import url(https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=VT323&display=swap);:root{--accent:#ff5b2e;--accent-2:#2bb3a3;--accent-3:#d99a2b;--violet:#6b3fa0;--ok:#2e9d4d;--warn:#d28f0a;--err:#d0382b;--bg:#f4efe6;--bg-elev:#fffbf3;--bg-elev-2:#efe8da;--line:#0d0b121a;--line-strong:#0d0b1238;--ink:#141019;--ink-soft:#4a4452;--ink-mute:#8a8293;--radius:14px;--radius-sm:8px;--radius-lg:22px;--ff-display:"Instrument Serif","Times New Roman",serif;--ff-sans:"IBM Plex Sans",system-ui,sans-serif;--ff-mono:"IBM Plex Mono",ui-monospace,monospace;--ff-pixel:"VT323",monospace}*{box-sizing:border-box}#root,body,html{-webkit-font-smoothing:antialiased;background:#f4efe6;background:var(--bg);color:#141019;color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--ff-sans);margin:0;min-height:100vh;padding:0}body{font-feature-settings:"ss01","cv11"}h1,h2,h3,h4{margin:0}.display{font-family:"Instrument Serif",Times New Roman,serif;font-family:var(--ff-display);font-weight:400;letter-spacing:-.01em;line-height:.98}.pixel{font-family:VT323,monospace;font-family:var(--ff-pixel);letter-spacing:.02em}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.grain{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27160%27 height=%27160%27><filter id=%27n%27><feTurbulence type=%27fractalNoise%27 baseFrequency=%270.9%27 numOctaves=%272%27/></filter><rect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23n%29%27 opacity=%270.7%27/></svg>");inset:0;mix-blend-mode:multiply;opacity:.035;pointer-events:none;position:fixed;z-index:9999}.btn{align-items:center;background:#0000;border:1px solid #0d0b1238;border:1px solid var(--line-strong);border-radius:999px;color:#141019;color:var(--ink);cursor:pointer;display:inline-flex;font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--ff-sans);font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 18px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .15s;white-space:nowrap}.btn:hover{background:#fffbf3;background:var(--bg-elev);border-color:#4a4452;border-color:var(--ink-soft)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#141019;background:var(--ink);border-color:#141019;border-color:var(--ink);color:#f4efe6;color:var(--bg)}.btn-accent,.btn-primary:hover{background:#ff5b2e;background:var(--accent);border-color:#ff5b2e;border-color:var(--accent);color:#fff}.btn-accent:hover{background:#ff5b2e;background:var(--accent);filter:brightness(1.05)}.btn-ghost{border-color:#0000}.btn-ghost:hover{background:#fffbf3;background:var(--bg-elev)}.btn-sm{font-size:12px;padding:6px 12px}.card{background:#fffbf3;background:var(--bg-elev);border:1px solid #0d0b121a;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius)}.chip{align-items:center;border:1px solid #0d0b1238;border:1px solid var(--line-strong);border-radius:999px;color:#4a4452;color:var(--ink-soft);display:inline-flex;font-family:IBM Plex Mono,ui-monospace,monospace;font-family:var(--ff-mono);font-size:10px;gap:6px;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.chip.accent{background:color-mix(in oklab,#ff5b2e 10%,#0000);background:color-mix(in oklab,var(--accent) 10%,#0000);border-color:color-mix(in oklab,#ff5b2e 40%,#0000);border-color:color-mix(in oklab,var(--accent) 40%,#0000);color:#ff5b2e;color:var(--accent)}.chip.cyan{background:#efe8da;background:var(--bg-elev-2);border-color:#0d0b1238;border-color:var(--line-strong);color:#4a4452;color:var(--ink-soft)}.chip.gold{background:color-mix(in oklab,#d99a2b 12%,#0000);background:color-mix(in oklab,var(--accent-3) 12%,#0000);border-color:color-mix(in oklab,#d99a2b 55%,#0000);border-color:color-mix(in oklab,var(--accent-3) 55%,#0000);color:#d99a2b;color:var(--accent-3)}.chip.ok{background:color-mix(in oklab,#2e9d4d 10%,#0000);background:color-mix(in oklab,var(--ok) 10%,#0000);border-color:color-mix(in oklab,#2e9d4d 40%,#0000);border-color:color-mix(in oklab,var(--ok) 40%,#0000);color:#2e9d4d;color:var(--ok)}.chip.dot:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.input,.textarea{background:#fffbf3;background:var(--bg-elev);border:1px solid #0d0b1238;border:1px solid var(--line-strong);border-radius:8px;border-radius:var(--radius-sm);color:#141019;color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--ff-sans);font-size:14px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.textarea{min-height:96px;resize:vertical}.input:focus,.textarea:focus{border-color:#ff5b2e;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,#ff5b2e 18%,#0000);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,#0000)}.input::placeholder,.textarea::placeholder{color:#8a8293;color:var(--ink-mute)}.composer-textarea,.composer-textarea:focus{border:none!important;box-shadow:none!important;outline:none!important}.composer-textarea:focus-visible{outline:none!important}.label{display:block;margin-bottom:6px}.divider,.label{color:#8a8293;color:var(--ink-mute);font-family:IBM Plex Mono,ui-monospace,monospace;font-family:var(--ff-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.divider{align-items:center;display:flex;gap:16px}.divider:after,.divider:before{background:#0d0b121a;background:var(--line);content:"";flex:1 1;height:1px}.comment-bubble-row{align-items:flex-end;display:flex;gap:8px;padding:4px 0;width:100%}.comment-bubble-row.mine{justify-content:flex-end}.comment-bubble-row.theirs{justify-content:flex-start}.comment-bubble-col{max-width:min(78%,520px)}@media (max-width:640px){.comment-bubble-col{max-width:86%}.comment-bubble-row{gap:6px}}@keyframes message-pop{0%{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.message-enter{animation:message-pop .36s cubic-bezier(.22,1,.36,1) both}@keyframes post-flash{0%{box-shadow:0 0 0 3px color-mix(in oklab,#ffd84d 70%,#0000),0 6px 24px -12px color-mix(in oklab,#ffd84d 50%,#0000)}60%{box-shadow:0 0 0 2px color-mix(in oklab,#ffd84d 30%,#0000),0 4px 16px -10px color-mix(in oklab,#ffd84d 25%,#0000)}to{box-shadow:0 0 0 0 #0000,0 0 0 0 #0000}}.post-flash{animation:post-flash 1.6s ease-out both}.bubble-icon-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:999px;color:#8a8293;color:var(--ink-mute);cursor:pointer;display:inline-flex;height:22px;justify-content:center;opacity:.7;padding:0;transition:color .12s ease,background-color .12s ease,opacity .12s ease,border-color .12s ease;width:22px}.bubble-icon-btn:hover{background:#efe8da;background:var(--bg-elev-2);border-color:#0d0b121a;border-color:var(--line);color:#141019;color:var(--ink);opacity:1}.bubble-icon-btn.bubble-icon-danger:hover{background:color-mix(in oklab,#d0382b 12%,#0000);background:color-mix(in oklab,var(--err) 12%,#0000);border-color:color-mix(in oklab,#d0382b 35%,#0d0b121a);border-color:color-mix(in oklab,var(--err) 35%,var(--line));color:#d0382b;color:var(--err)}@media (hover:hover){.bubble-actions .bubble-icon-btn{opacity:0}.bubble-actions .bubble-icon-btn:focus-visible,.bubble-actions:hover .bubble-icon-btn{opacity:.85}.bubble-actions:hover .bubble-icon-btn:hover{opacity:1}}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.typing-dots{background:#fff;border:1px solid #0d0b121a;border:1px solid var(--line);border-radius:18px;border-bottom-left-radius:4px;box-shadow:0 1px 2px #1410190a;display:inline-flex;gap:4px;padding:10px 14px}.typing-dots span{animation:typing-bounce 1.1s ease-in-out infinite;background:#8a8293;background:var(--ink-mute);border-radius:50%;display:inline-block;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}.presence-dot{background:#8a8293;background:var(--ink-mute);border:2px solid #efe8da;border:2px solid var(--bg-elev-2);border-radius:50%;box-sizing:initial;display:inline-block;flex-shrink:0;height:8px;width:8px}.presence-dot.online{background:#34c759}.inbox-row{align-items:center;background:#0000;border:0;border-bottom:1px solid #0d0b121a;border-bottom:1px solid var(--line);cursor:pointer;display:flex;font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--ff-sans);gap:12px;padding:12px 20px;text-align:left;transition:background-color .12s;width:100%}.inbox-row:last-child{border-bottom:0}.inbox-row:hover{background:color-mix(in oklab,#efe8da 55%,#fffbf3 45%);background:color-mix(in oklab,var(--bg-elev-2) 55%,var(--bg-elev) 45%)}.inbox-row:active{background:color-mix(in oklab,#efe8da 40%,#141019 8%);background:color-mix(in oklab,var(--bg-elev-2) 40%,var(--ink) 8%)}.nav-pill{align-items:center;border:1px solid #0000;border-radius:8px;color:#8a8293;color:var(--ink-mute);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:7px 12px;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s}.nav-pill.active,.nav-pill:hover{background:#fffbf3;background:var(--bg-elev);color:#141019;color:var(--ink)}.nav-pill.active{border-color:#0d0b121a;border-color:var(--line)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0d0b1238;background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8a8293;background:var(--ink-mute)}::selection{background:#ff5b2e;background:var(--accent);color:#fff}.row{align-items:center}.col,.row{display:flex}.col{flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.flex-1{flex:1 1}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up .55s ease both}.wave-bars{align-items:flex-end;display:inline-flex;gap:2px;height:16px}.wave-bars span{animation:wave 1.1s ease-in-out infinite;background:currentColor;border-radius:1px;opacity:.6;width:3px}.wave-bars span:first-child{animation-delay:0s;height:40%}.wave-bars span:nth-child(2){animation-delay:.1s;height:70%}.wave-bars span:nth-child(3){animation-delay:.2s;height:100%}.wave-bars span:nth-child(4){animation-delay:.3s;height:60%}.wave-bars span:nth-child(5){animation-delay:.4s;height:80%}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes flash-highlight{0%{background:color-mix(in oklab,#ffd84d 40%,#0000)}70%{background:color-mix(in oklab,#ffd84d 18%,#0000)}to{background:#0000}}.flash-highlight{animation:flash-highlight 1.6s ease-out both;border-radius:10px}.grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:640px){.grid-2{grid-template-columns:1fr}}.page{margin:0 auto;max-width:1240px;padding:32px 28px}a.link{color:#ff5b2e;color:var(--accent);cursor:pointer;text-decoration:none}a.link:hover{text-decoration:underline}:focus-visible{outline:2px solid #ff5b2e;outline:2px solid var(--accent);outline-offset:2px}.err{color:#d0382b;color:var(--err);font-family:IBM Plex Mono,ui-monospace,monospace;font-family:var(--ff-mono);letter-spacing:.04em}.err,.ok-text{font-size:13px}.ok-text{color:#2e9d4d;color:var(--ok)}.audio-strip{align-items:center;background:#efe8da;background:var(--bg-elev-2);border:1px solid #0d0b121a;border:1px solid var(--line);border-radius:10px;display:flex;gap:12px;padding:10px 14px}.audio-strip audio{flex:1 1;min-width:0}.auth-wrap{background:radial-gradient(ellipse at 50% 0,color-mix(in oklab,#ff5b2e 9%,#0000),#0000 60%),#f4efe6;background:radial-gradient(ellipse at 50% 0,color-mix(in oklab,var(--accent) 9%,#0000),#0000 60%),var(--bg);display:grid;min-height:100vh;padding:32px 16px;place-items:center}.auth-card{background:#fffbf3;background:var(--bg-elev);border:1px solid #0d0b121a;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius);box-shadow:0 30px 80px -40px #14101940;max-width:440px;padding:32px;width:100%}.auth-tabs{grid-gap:4px;background:#efe8da;background:var(--bg-elev-2);border-radius:999px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:999px;color:#4a4452;color:var(--ink-soft);cursor:pointer;font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--ff-sans);font-size:13px;font-weight:500;padding:8px 14px;transition:all .15s}.auth-tab.active{background:#141019;background:var(--ink);color:#f4efe6;color:var(--bg)}.attachment-card{background:#fffbf3;background:var(--bg-elev);border:1px solid #0d0b121a;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.player{align-items:center;background:#f4efe6;background:var(--bg);border:1px solid #0d0b121a;border:1px solid var(--line);border-radius:999px;display:flex;gap:10px;padding:6px 10px 6px 6px}.player.compact{background:#efe8da;background:var(--bg-elev-2)}.player>audio{display:none}.player-btn{align-items:center;background:#141019;background:var(--ink);border:0;border-radius:50%;color:#f4efe6;color:var(--bg);cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:transform .12s ease,background .12s ease;width:30px}.player-btn:hover{background:#ff5b2e;background:var(--accent)}.player-btn:active{transform:scale(.94)}.player-track{appearance:none;background:linear-gradient(90deg,#141019 0,#0d0b121a 0);background:linear-gradient(to right,var(--ink) var(--pct,0),var(--line) var(--pct,0));border-radius:2px;cursor:pointer;flex:1 1;height:3px;min-width:0;outline:none}.player-track::-webkit-slider-thumb{-webkit-appearance:none;background:#141019;background:var(--ink);border:2px solid #fffbf3;border:2px solid var(--bg-elev);border-radius:50%;box-shadow:0 0 0 1px #141019;box-shadow:0 0 0 1px var(--ink);cursor:pointer;height:12px;width:12px}.player-track::-moz-range-thumb{background:#141019;background:var(--ink);border:2px solid #fffbf3;border:2px solid var(--bg-elev);border-radius:50%;cursor:pointer;height:10px;width:10px}.player-time{font-size:10px;letter-spacing:.04em;text-transform:none;white-space:nowrap}.player-dl,.player-time{color:#8a8293;color:var(--ink-mute);flex-shrink:0}.player-dl{border-radius:6px;display:inline-flex;padding:4px;text-decoration:none;transition:color .12s ease,background .12s ease}.player-dl:hover{background:#efe8da;background:var(--bg-elev-2);color:#141019;color:var(--ink)}@media (max-width:640px){.player{border-radius:12px;flex-wrap:wrap;padding:8px}.player-track{flex-basis:100%;margin:4px 0 2px;order:4}.player-time{order:2}.player-dl{margin-left:auto;order:3}}@keyframes expand-in{0%{filter:blur(2px);opacity:0;transform:translateY(-8px) scale(.995)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.expand-in{animation:expand-in .62s cubic-bezier(.16,1,.3,1) both;transform-origin:top center}.expand-in+.expand-in{animation-delay:80ms}.expand-in+.expand-in+.expand-in{animation-delay:.14s}.expand-in+.expand-in+.expand-in+.expand-in{animation-delay:.2s}@keyframes fade-swap{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.fade-swap{animation:fade-swap .26s cubic-bezier(.22,1,.36,1) both}.expand-shell{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-4px);transition:grid-template-rows .44s cubic-bezier(.16,1,.3,1),opacity .34s cubic-bezier(.16,1,.3,1),transform .44s cubic-bezier(.16,1,.3,1)}.expand-shell.open{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.expand-shell>.expand-shell-inner{min-height:0;overflow:hidden}.chev{color:#8a8293;color:var(--ink-mute);display:inline-flex;font-size:11px;transition:transform .52s cubic-bezier(.16,1,.3,1)}.chev.open{transform:rotate(180deg)}@media (hover:hover){.post-hover{transition:border-color .16s ease,box-shadow .16s ease}.post-hover:hover{border-color:#0d0b1238;border-color:var(--line-strong);box-shadow:0 2px 14px -10px #14101940}}@media (max-width:640px){.page{padding:20px 14px}.input,.textarea,input,select,textarea{font-size:16px}.app-header{flex-wrap:wrap;gap:10px!important;padding:12px 14px!important}.app-header .brand-meta,.app-header .user-meta{display:none}.app-header nav{flex-basis:100%;justify-content:flex-start!important;order:3;overflow-x:auto}.audio-strip{flex-wrap:wrap;padding:10px}.audio-strip audio{flex-basis:100%;order:3;width:100%}.post-header-row{flex-wrap:wrap;gap:10px!important}.post-title-col{flex-basis:calc(100% - 44px);flex-grow:1;flex-shrink:1;min-width:0}.post-chips{flex-basis:100%;gap:6px!important;justify-content:flex-start!important;margin-left:0!important}.expand-in{animation-duration:.72s}.expand-in+.expand-in{animation-delay:.11s}.expand-in+.expand-in+.expand-in{animation-delay:.18s}.expand-in+.expand-in+.expand-in+.expand-in{animation-delay:.24s}.expand-shell{transition-duration:.52s,.42s,.52s}.message-enter{animation-duration:.42s}.chev{transition-duration:.6s}}@media (prefers-reduced-motion:reduce){.expand-in,.fade-up,.message-enter,.post-flash{animation:none!important}.chev,.expand-shell{transition:none!important}}.App{background:var(--bg);min-height:100vh}
/*# sourceMappingURL=main.ba28ee8e.css.map*/