:root{--bg:#efe7da;--ink:#171b16;--muted:#566154;--line:#171b161f;--radius-sm:16px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left, #0f766e29, transparent 28%), radial-gradient(circle at top right, #b4530929, transparent 24%), linear-gradient(180deg, #f6efe7 0%, var(--bg) 100%);margin:0;font-family:Atkinson Hyperlegible,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}h1,h2,h3,p,ul{margin:0}.app-shell{width:min(1200px,100% - 28px);margin:0 auto;padding:24px 0 56px}html.lobster-attack-active,body.lobster-attack-active{overflow:hidden}body.lobster-attack-active{background:linear-gradient(#01122057,#02142594),url(/images/lobster-attack/coral-reef-red-sea.jpg) 50%/cover no-repeat fixed}body.lobster-attack-active .app-shell{grid-template-rows:minmax(0,1fr);width:100%;max-width:none;height:100vh;margin:0;padding:0;display:grid}.page-shell{gap:22px;animation:.36s fade-up;display:grid}.aquarium-page{height:100%;min-height:0;box-shadow:none;scrollbar-width:thin;scrollbar-color:#8ef1ff73 #0214254d;background:0 0;gap:18px;padding:18px;position:relative;overflow:hidden auto}.aquarium-page:before{content:"";pointer-events:none;opacity:.8;z-index:0;background:radial-gradient(circle at 20% 20%,#ffffff1f 0 2px,#0000 3px),radial-gradient(circle at 72% 16%,#ffffff14 0 3px,#0000 4px),linear-gradient(#ffffff0a,#0000 34%);position:fixed;inset:0}.aquarium-page>*{z-index:1;position:relative}.ascii-hero-wrapper{background:#0a0a1a;border:1px solid #8be8ff47;width:100%;height:320px;position:relative;overflow:hidden}.ascii-hero-canvas{width:100%;height:100%;display:block}.content-area{gap:16px;width:min(720px,100%);min-height:240px;margin:0 auto;display:grid}.post-card{-webkit-backdrop-filter:blur(14px);color:#eafaff;background:#0316266b;border:1px solid #7ee0ff2e;gap:12px;padding:18px;display:grid}.post-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.post-label{text-transform:uppercase;letter-spacing:.1em;color:#8be8ff;font-size:.7rem}.post-meta{color:#c8e8f5c7;font-size:.8rem;line-height:1.5}.post-note{font-style:italic}.post-body{white-space:pre-wrap;color:#e5f8ffeb;line-height:1.6}.post-body-wrap{flex-direction:column;gap:.75rem;display:flex}.post-image{object-fit:cover;border:1px solid #e5f8ff24;border-radius:12px;width:100%;max-height:520px;display:block}.post-input,.post-textarea{color:#f2fbff;width:100%;font:inherit;background:#021526b3;border:1px solid #7ee0ff38;padding:12px 14px}.post-input::placeholder,.post-textarea::placeholder{color:#a5dceb99}.post-input:focus,.post-textarea:focus{border-color:#22d3ee80;outline:2px solid #22d3ee47}.post-textarea{resize:vertical;min-height:110px}.post-action-row{flex-wrap:wrap;gap:10px;display:flex}.post-button{color:#04253d;min-height:38px;font:inherit;cursor:pointer;background:linear-gradient(#86efac 0%,#22d3ee 100%);border:1px solid #8ef1ff4d;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.post-button-ghost{color:#dff7ff;background:#ffffff14}.post-button:disabled{cursor:wait;opacity:.7}.post-error{color:#ffe4e4;background:#7f1d1d66;border:1px solid #f8717166;margin:0;padding:12px 14px;font-size:.85rem}.post-empty{color:#c8e8f5c7}.post-feed{gap:12px;display:grid}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}