:root{--paper: #f2efe6;--paper-2: #e6e1d3;--ink: #0b0b0b;--yellow: #ffe800;--pink: #ff3d8b;--cyan: #00e5ff;--lime: #b8ff3d;--orange: #ff6b1a;--purple: #9b5de5;--red: #ff2e2e;--mint: #00f5a0;--border: 3px;--shadow: 5px 5px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--shadow-lg: 8px 8px 0 var(--ink);--bar-h: 68px;--top-h: 58px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--ink);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:600;overscroll-behavior:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer}img,video{display:block;max-width:100%}.app{position:relative;height:100%;max-width:620px;margin:0 auto;background:var(--paper);display:flex;flex-direction:column;overflow:hidden;border-left:var(--border) solid var(--ink);border-right:var(--border) solid var(--ink)}.topbar{flex:none;height:calc(var(--top-h) + var(--safe-top));padding:var(--safe-top) 12px 0;background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:10px;z-index:20}.topbar h1{font-size:21px;font-weight:900;letter-spacing:-.06em;text-transform:uppercase;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-dot{width:20px;height:20px;background:var(--yellow);border:var(--border) solid var(--paper);flex:none}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:14px 14px calc(var(--bar-h) + var(--safe-bottom) + 24px);background-image:linear-gradient(var(--paper-2) 1px,transparent 1px),linear-gradient(90deg,var(--paper-2) 1px,transparent 1px);background-size:28px 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--paper);border:var(--border) solid var(--ink);box-shadow:var(--shadow);font-weight:900;font-size:14px;letter-spacing:-.02em;text-transform:uppercase;transition:transform .06s ease,box-shadow .06s ease}.btn:active:not(:disabled){transform:translate(5px,5px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.45;box-shadow:var(--shadow-sm)}.btn.block{width:100%}.btn.sm{padding:8px 12px;font-size:12px;box-shadow:var(--shadow-sm)}.btn.sm:active:not(:disabled){transform:translate(3px,3px)}.btn.ink{background:var(--ink);color:var(--paper)}.btn.yellow{background:var(--yellow)}.btn.pink{background:var(--pink)}.btn.cyan{background:var(--cyan)}.btn.lime{background:var(--lime)}.btn.red{background:var(--red);color:var(--paper)}.btn.purple{background:var(--purple);color:var(--paper)}.icon-btn{width:40px;height:40px;flex:none;display:grid;place-items:center;background:transparent;border:var(--border) solid currentColor;font-weight:900;font-size:16px;line-height:1}.icon-btn:active{transform:translate(2px,2px)}.field{width:100%;padding:13px 14px;background:var(--paper);border:var(--border) solid var(--ink);box-shadow:inset 3px 3px #00000014;font:inherit;font-weight:700;font-size:16px;outline:none}.field:focus{background:#fff;box-shadow:inset 0 0 0 3px var(--cyan)}.field::placeholder{color:#8b8778;font-weight:700}textarea.field{resize:none;min-height:120px}.label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin:0 0 6px 2px}.card{background:var(--paper);border:var(--border) solid var(--ink);box-shadow:var(--shadow);margin-bottom:18px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:2px solid var(--ink);background:var(--paper);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.avatar{flex:none;display:grid;place-items:center;border:var(--border) solid var(--ink);font-weight:900;letter-spacing:-.05em;overflow:hidden;background-size:cover;background-position:center}.post-head{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:var(--border) solid var(--ink)}.post-name{font-weight:900;font-size:15px;letter-spacing:-.03em;line-height:1.1;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-handle{font-size:12px;font-weight:700;opacity:.6}.post-body{padding:12px;font-size:16px;font-weight:600;line-height:1.35;word-break:break-word;white-space:pre-wrap}.post-media{border-top:var(--border) solid var(--ink);border-bottom:var(--border) solid var(--ink);background:var(--ink)}.post-media img{width:100%;max-height:62vh;object-fit:cover}.post-media video{width:100%;max-height:78vh;object-fit:contain;background:var(--ink)}.audio-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:var(--border) solid var(--ink);background:var(--purple);color:var(--paper);cursor:pointer}.audio-glyph{flex:none;width:26px;height:26px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border:2px solid var(--ink);font-size:11px;font-weight:900}.audio-use{flex:none;padding:4px 8px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.audio-title{flex:1;min-width:0;font-size:12px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trim{margin-top:10px;padding-top:10px;border-top:var(--border) solid var(--ink)}.trim input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent}.trim input[type=range]::-webkit-slider-runnable-track{height:12px;background:var(--paper-2);border:2px solid var(--ink)}.trim input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin-top:-7px;background:var(--purple);border:3px solid var(--ink);box-shadow:var(--shadow-sm)}.trim input[type=range]::-moz-range-track{height:12px;background:var(--paper-2);border:2px solid var(--ink)}.trim input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:0;background:var(--purple);border:3px solid var(--ink)}.embed-wrap{border-top:var(--border) solid var(--ink);background:var(--ink);padding:8px}.embed-wrap iframe{display:block;border:3px solid var(--paper);width:100%}.embed-wrap.video iframe{aspect-ratio:16 / 9;height:auto}.decay-note{padding:5px 10px;border-top:2px dashed var(--ink);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;opacity:.55}.palimpsest{border-top:var(--border) solid var(--ink);padding:8px 10px;background:var(--paper-2)}.palimpsest summary{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.palimpsest p{margin-top:6px;font-size:13px;font-weight:600;text-decoration:line-through;opacity:.45;word-break:break-word}.chorus{border-top:var(--border) solid var(--ink);padding:8px 10px}.chorus-line{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.chorus-line span{padding:2px 6px;border:2px solid var(--ink);font-size:13px;font-weight:900}.chorus-add{display:flex;gap:6px}.chorus-add .field{flex:1;padding:6px 8px;font-size:13px}.chorus-error{display:block;margin-top:5px;font-size:11px;font-weight:800;color:var(--red)}.masked-avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;background:var(--ink);color:var(--paper);border:3px solid var(--ink);font-size:18px;font-weight:900}.constellation{border:var(--border) solid var(--ink);box-shadow:var(--shadow);background:var(--ink);margin-bottom:12px}.constellation svg{display:block;width:100%;height:auto}.constellation .orbit{fill:none;stroke:#f2efe62e;stroke-width:.3;stroke-dasharray:1 1.5}.constellation .spoke{stroke-width:.18}.constellation .spoke.both{stroke:#f2efe680}.constellation .spoke.following{stroke:#f2efe638}.constellation .spoke.follower{stroke:#f2efe61f}.constellation .star{stroke:#0b0b0b;stroke-width:.35;cursor:pointer}.constellation .star.picked{stroke:var(--paper);stroke-width:.8}.constellation .you{fill:var(--paper);stroke:#0b0b0b;stroke-width:.4}.capsule{padding:22px 14px;border-top:var(--border) solid var(--ink);background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;gap:6px}.capsule-label{font-size:11px;font-weight:900;letter-spacing:.28em;text-transform:uppercase;opacity:.6}.capsule-clock{font-size:30px;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.capsule-note{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.55}.blackout-sheet{display:flex;flex-wrap:wrap;gap:4px;padding:12px;background:var(--paper);border:var(--border) solid var(--ink);box-shadow:var(--shadow)}.blackout-word{padding:2px 5px;background:transparent;border:0;font-size:16px;font-weight:800;line-height:1.2}.blackout-word.struck{background:var(--ink);color:transparent}.wall{display:flex;flex-wrap:wrap;gap:12px 10px;padding:6px 4px 18px}.wall-note{flex:1 1 46%;min-width:150px;padding:10px;border:var(--border) solid var(--ink);box-shadow:var(--shadow-sm);transform-origin:center}.wall-note p{font-size:14px;font-weight:800;line-height:1.25;word-break:break-word;white-space:pre-wrap}.wall-foot{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:6px;border-top:2px solid var(--ink);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.wall-author{background:transparent;border:0;padding:0;font:inherit;text-decoration:underline}.wall-foot span{flex:1;opacity:.6}.wall-peel{background:var(--ink);color:var(--paper);border:0;width:18px;height:18px;font-size:10px;line-height:1}.wall-empty{padding:16px;border:var(--border) dashed var(--ink);font-weight:800;font-size:13px;text-align:center;margin-bottom:6px}.recording{flex:1;font-size:13px;font-weight:900;color:var(--red);letter-spacing:.06em}.voice{width:100%;height:36px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px}.grid-tile{position:relative;display:block;container-type:inline-size;aspect-ratio:1;padding:0;border:var(--border) solid var(--ink);box-shadow:var(--shadow-sm);overflow:hidden}.grid-tile img,.grid-tile video{width:100%;height:100%;object-fit:cover}.grid-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;width:100%;height:100%;padding:9px;font-size:clamp(11px,3.4vw,15px);font-weight:900;line-height:1.12;letter-spacing:-.03em;text-transform:uppercase;text-align:left;overflow:hidden;word-break:break-word}.grid-badge{position:absolute;right:4px;bottom:4px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:11px;font-weight:900;line-height:1}.poster{padding:18px 14px;border-top:var(--border) solid var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0;line-height:.95;font-size:1rem}.poster.compact{font-size:.46rem;font-size:5.2cqw;width:100%;height:100%;padding:6px;border-top:0;align-content:center;overflow:hidden}.poster-word{display:inline-block;font-weight:900;letter-spacing:-.05em;text-transform:uppercase;color:var(--ink)}.poster-word.invert{background:var(--ink);color:var(--paper);padding:0 4px}.redacted{background:var(--ink);color:transparent;padding:0 3px;cursor:pointer;border-radius:1px;transition:color .12s ease}.redacted.open{background:var(--yellow);color:var(--ink)}.poll{padding:10px;border-top:var(--border) solid var(--ink);display:flex;flex-direction:column;gap:8px}.poll-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--paper);border:var(--border) solid var(--ink);box-shadow:var(--shadow-sm);font-weight:900;font-size:13px;text-align:left;overflow:hidden}.poll-row.mine{background:var(--lime)}.poll-fill{position:absolute;left:0;top:0;bottom:0;background:#00000024}.poll-label,.poll-share{position:relative;z-index:1}.poll-total{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.shake-hint{align-self:center;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;opacity:.55}.post-actions{display:flex;border-top:var(--border) solid var(--ink)}.post-actions button{flex:1;padding:11px 6px;background:var(--paper);border:0;border-right:var(--border) solid var(--ink);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.post-actions button:last-child{border-right:0}.post-actions button:active{background:var(--ink);color:var(--paper)}.post-actions button.on{background:var(--pink)}.segmented{display:flex;border:var(--border) solid var(--ink);box-shadow:var(--shadow-sm);background:var(--paper);margin-bottom:14px}.segmented button{flex:1;padding:12px 4px;background:transparent;border:0;border-right:var(--border) solid var(--ink);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:-.01em}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.segmented.mini button{padding:8px 4px;font-size:11px}.segmented.mini button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}.tabbar{position:absolute;left:0;right:0;bottom:0;height:calc(var(--bar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;background:var(--ink);border-top:var(--border) solid var(--ink);z-index:30}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--ink);color:var(--paper);border:0;border-right:2px solid #2a2a2a;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.tabbar button:last-child{border-right:0}.tabbar button[aria-current=true]{background:var(--yellow);color:var(--ink)}.tabbar .glyph{width:22px;height:22px}.tab-badge{position:absolute;top:8px;margin-left:26px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;background:var(--red);color:#fff;border:2px solid var(--paper);font-size:10px;font-weight:900}.tray{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 14px;margin-bottom:4px;scrollbar-width:none}.tray::-webkit-scrollbar{display:none}.tray-item{flex:none;width:72px;background:transparent;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px}.tray-tile{width:68px;height:68px;display:grid;place-items:center;border:4px solid var(--ink);box-shadow:var(--shadow-sm);background:var(--paper);overflow:hidden}.tray-tile.seen{border-color:#b5b0a0}.tray-tile.add{font-size:30px;font-weight:900;line-height:1;background:var(--yellow)}.tray-name{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-empty{align-self:center;font-size:12px;font-weight:700;opacity:.6}.scroll.story-scroll{padding:0;background:#000;background-image:none}.story-view{position:relative;height:calc(100dvh - var(--top-h) - var(--safe-top));background:#000;display:flex;flex-direction:column}.story-bars{display:flex;gap:4px;padding:8px 8px 4px;z-index:3}.story-bar{flex:1;height:6px;background:#ffffff4d;border:1px solid #000;overflow:hidden}.story-bar i{display:block;height:100%;background:var(--paper)}.story-head{display:flex;align-items:center;gap:8px;padding:4px 10px 8px;color:var(--paper);z-index:3}.story-name{font-size:14px;font-weight:900;text-transform:uppercase}.story-time{font-size:11px;font-weight:700;opacity:.7}.story-media{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;border-top:var(--border) solid var(--ink);border-bottom:var(--border) solid var(--ink)}.story-media img,.story-media video{width:100%;height:100%;object-fit:contain}.story-caption{padding:10px 12px calc(var(--bar-h) + var(--safe-bottom) + 12px);color:var(--paper);font-size:15px;font-weight:700;z-index:3}.story-tap{position:absolute;top:60px;bottom:0;width:35%;background:transparent;border:0;z-index:2}.story-tap.left{left:0}.story-tap.right{right:0;width:65%}.scroll.reels-scroll{padding:0;background:#000;background-image:none;scroll-snap-type:y mandatory;overscroll-behavior:contain}.reel{position:relative;height:calc(100dvh - var(--top-h) - var(--safe-top));scroll-snap-align:start;scroll-snap-stop:always;background:#000;display:grid;place-items:center;overflow:hidden}.reel-video{width:100%;height:100%;object-fit:contain;background:#000}.reel-paused{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:64px;color:#ffffffd9;text-shadow:4px 4px 0 #000;pointer-events:auto}.reel-mute{position:absolute;top:12px;right:12px;padding:6px 10px;background:var(--yellow);border:3px solid #000;box-shadow:var(--shadow-sm);font-size:11px;font-weight:900;letter-spacing:.06em}.reel-actions{position:absolute;right:12px;bottom:calc(var(--bar-h) + var(--safe-bottom) + 20px);display:flex;flex-direction:column;gap:10px}.reel-actions button{width:58px;padding:8px 0;background:var(--paper);border:3px solid #000;box-shadow:var(--shadow-sm);font-size:12px;font-weight:900;display:flex;flex-direction:column;align-items:center;gap:2px}.reel-actions button span{font-size:20px;line-height:1}.reel-actions button.on{background:var(--pink)}.reel-meta{position:absolute;left:12px;right:84px;bottom:calc(var(--bar-h) + var(--safe-bottom) + 20px);padding:10px;background:#0000008c;border:3px solid var(--paper);color:var(--paper)}.reel-name{font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:-.03em}.reel-time{font-size:11px;font-weight:700;opacity:.75}.reel-body{font-size:14px;font-weight:600;line-height:1.3;word-break:break-word;max-height:5.2em;overflow:hidden}.reel-track{margin-top:6px;padding:3px 7px;display:inline-block;background:var(--purple);border:2px solid var(--paper);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chat{display:flex;flex-direction:column;min-height:100%}.chat-log{flex:1;display:flex;flex-direction:column;gap:8px;padding-bottom:12px}.bubble{max-width:82%;padding:9px 12px;border:var(--border) solid var(--ink);box-shadow:var(--shadow-sm);font-size:15px;font-weight:600;line-height:1.3;word-break:break-word;white-space:pre-wrap}.bubble.mine{align-self:flex-end;background:var(--cyan)}.bubble.theirs{align-self:flex-start;background:var(--paper)}.bubble-time{display:block;margin-top:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.55}.chat-composer{position:sticky;bottom:0;display:flex;gap:8px;padding:10px 0;background:var(--paper);border-top:var(--border) solid var(--ink)}.dot-badge{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 3px;display:grid;place-items:center;background:var(--red);color:#fff;border:2px solid var(--paper);font-size:9px;font-weight:900}.banner{padding:12px;border:var(--border) solid var(--ink);box-shadow:var(--shadow-sm);font-weight:800;font-size:13px;margin-bottom:14px}.banner.error{background:var(--red);color:#fff}.banner.good{background:var(--mint)}.banner.note{background:var(--yellow)}.empty{padding:28px 18px;text-align:center;border:var(--border) dashed var(--ink);background:var(--paper);font-weight:800;font-size:14px;line-height:1.4}.empty strong{display:block;font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;margin-bottom:6px}.meter{height:14px;border:2px solid var(--ink);background:var(--paper);overflow:hidden}.meter span{display:block;height:100%;background:var(--ink)}.spinner{width:26px;height:26px;margin:24px auto;border:4px solid var(--ink);border-top-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sticker{display:inline-block;padding:3px 8px;background:var(--yellow);border:2px solid var(--ink);box-shadow:var(--shadow-sm);font-size:11px;font-weight:900;text-transform:uppercase;transform:rotate(-2deg)}.section-title{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:4px 0 10px 2px}.hr{height:var(--border);background:var(--ink);margin:16px 0}.muted{opacity:.62;font-weight:700;font-size:12px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}