.board{max-width:640px;padding:16px 12px calc(var(--panel-h,96px) + 72px);margin:0 auto}.board__head{border-bottom:1px solid #e6e6e62e;align-items:baseline;gap:8px;padding-bottom:12px;display:flex}.board__title{color:var(--accent);letter-spacing:.02em;margin:0;font-size:15px;font-weight:700}.board__count{color:#e6e6e666;margin-left:auto;font-size:12px}.board__posts{margin:0;padding:0;list-style:none}.post{border-bottom:1px solid #e6e6e614;padding:14px 0;animation:.22s ease-out post-in}@keyframes post-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.post{animation:none}}.post__meta{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12px;display:flex}.post__no{color:#e6e6e673;min-width:2ch}.post__name{color:var(--accent)}.post__time,.post__id{color:#e6e6e666}.post__body{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;padding-left:calc(2ch + 8px)}.post--deleted .post__name,.post--deleted .post__body{color:#e6e6e64d}.board__tail{scroll-margin-bottom:calc(var(--panel-h,96px) + 48px)}button.post__no{font:inherit;color:#e6e6e6bf;text-align:center;cursor:pointer;background:0 0;border:1px solid #e6e6e647;border-radius:2px;min-width:calc(2ch + 12px);padding:3px 6px}button.post__no--on{color:var(--bg);background:var(--accent);border-color:var(--accent)}.post--marked{box-shadow:inset 2px 0 0 var(--accent);padding-left:10px}.post--exposed .post__id{color:var(--accent)}.post--exposed .post__name{color:#e6e6e68c}.post--exposed{background:#19f9d80d;transition:background .6s ease-out}.post--self .post__id{color:#e6e6e6d9}.post__self{color:#e6e6e68c;margin-left:6px}.post--self .post__body{color:#e6e6e6d9}.panel{padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid #e6e6e62e;flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.ctrl{align-items:center;gap:8px;display:flex}.ctrl__label{color:#e6e6e666;letter-spacing:.08em;font-size:11px}.ctrl__value{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;min-width:5ch;font-size:14px}.ctrl__btn{font-family:var(--font-mono);color:var(--fg);cursor:pointer;background:0 0;border:1px solid #e6e6e64d;min-width:44px;min-height:44px;font-size:14px}.ctrl__btn:active{background:var(--accent);color:var(--bg)}.ctrl__btn:disabled{opacity:.3;cursor:default}.playback__mark{color:var(--accent);animation:playback-pulse var(--tick,1.2s) ease-in-out infinite;font-size:11px}@keyframes playback-pulse{50%{opacity:.25}}.panel__in{align-items:center;width:100%;animation:.32s ease-out .9s backwards panel-in;display:flex}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.playback__mark,.panel__in{animation:none}}.panel--compose{background-color:var(--bg);border-top-color:var(--accent);background-image:linear-gradient(#e6e6e612,#e6e6e612)}.compose{flex-direction:column;gap:10px;width:100%;display:flex}.compose__lead{letter-spacing:.04em;color:var(--accent);margin:0;font-size:12px}.compose__body{color:var(--fg);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:15px;display:flex}.slot{color:#e6e6e680;border-bottom:1px dashed #e6e6e666;padding-bottom:2px}.slot--on{color:var(--accent);border-bottom-style:solid;border-bottom-color:var(--accent)}.compose__line{width:100%}.compose__send{align-self:flex-start;padding:0 20px}:root{--bg:#0a0a0a;--fg:#e6e6e6;--accent:#19f9d8;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, "Hiragino Sans", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);-webkit-text-size-adjust:100%;margin:0;font-size:14px;line-height:1.7}::selection{background:var(--accent);color:var(--bg)}