/* 生成物: web/src から esbuild が作る。直接編集しないこと */
:root{--fg: #1a1a1a;--bg: #fff;--muted: #666;--line: #ddd;--accent: #0a53be;--hot: #c5221f;--who-root: #c9971a;--who-from: #2e9e4f;--who-to: var(--hot);--font: "M PLUS Rounded 1c", system-ui, sans-serif;--font-fixed: ui-monospace, SFMono-Regular, Menlo, monospace;--font-brand: "Press Start 2P", var(--font-fixed)}@media(prefers-color-scheme:dark){:root{--fg: #e6e6e6;--bg: #16181c;--muted: #9aa0a6;--line: #343840;--accent: #7aa7ff;--hot: #ff7a7a;--who-root: #e8c13f;--who-from: #4fd17a}}*{box-sizing:border-box;touch-action:manipulation}[hidden]{display:none!important}html,body{height:100%}body{margin:0;padding:12px;color:var(--fg);background:var(--bg);font:14px/1.6 var(--font);overflow:hidden;display:flex;flex-direction:column}@media(display-mode:standalone){body{padding-top:22px}}header{display:flex;gap:12px;align-items:baseline;margin-bottom:10px;flex:none}#loginScreen,#pickScreen{flex:1 1 auto;min-height:0;overflow:auto}.brand{font:34px/1.2 var(--font-brand);margin:20px 0 24px;letter-spacing:0;overflow-wrap:anywhere}.brand a{color:inherit;text-decoration:none}.brand a:hover{color:var(--accent)}@media(max-width:640px){.brand{font-size:24px}}@media(max-width:480px){.brand{font-size:18px}}.langbar{display:flex;justify-content:flex-end;gap:12px;flex:none;font-size:12px}.langbar a{color:var(--muted);text-decoration:none}.langbar a:hover{color:var(--accent)}.langbar a.on{color:var(--fg);text-decoration:underline}.pwa{max-width:34em;margin:14px 0;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--muted);font-size:13px;line-height:1.5}.credit{position:absolute;bottom:8px;left:12px;color:#666;font-size:12px;margin:18px 0 8px;display:flex;gap:12px;align-items:baseline}.credit a{color:inherit}.credit a:hover{color:var(--accent)}#loginScreen .news{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}#loginScreen .news time{color:var(--muted);margin-right:6px}#pickScreen .foot{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}#viewScreen{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}#top{flex:none;padding-bottom:8px;border-bottom:1px solid var(--line)}#body{flex:1 1 auto;min-height:0;display:flex}#col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}#stage{flex:1 1 auto;min-height:0;overflow:hidden}#side{flex:none;width:54px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:8px 8px 4px;border-right:1px solid var(--line)}#side .sep{flex:none;width:24px;height:1px;margin:4px 0}#stage.wide{overflow-y:auto}.muted{color:var(--muted)}.err{color:#c00}body.doc{height:auto;min-height:100%;overflow:auto}body.doc .credit{position:static;margin-top:auto;padding-top:18px}body.doc section{max-width:42em}body.doc article{border-top:1px solid var(--line);margin:18px 0;padding-top:10px}body.doc article h3{margin:0 0 2px;font-size:15px}body.doc article h3 a{color:inherit;text-decoration:none}body.doc article h3 a:hover{text-decoration:underline}body.doc article>p.muted:first-of-type{margin:0 0 8px;font-size:12px}body.doc article:target{border-left:3px solid var(--accent);padding-left:10px}body.doc a{color:var(--accent)}body.doc .brand a{color:inherit}body.doc .brand a:hover{color:var(--accent)}body.doc table{border-collapse:collapse;margin:10px 0}body.doc th,body.doc td{border:1px solid var(--line);padding:4px 10px;text-align:left}body.doc th{color:var(--muted);font-weight:400}body.doc code{background:color-mix(in srgb,var(--fg) 8%,transparent);padding:1px 5px;border-radius:3px;font-size:.92em}body.doc #aboutPage article{border-top:0;margin-top:0;padding-top:0}label{display:flex;gap:4px;align-items:center}input,select,button{font:inherit;padding:3px 6px}input[type=number]{width:5em}#viewer{min-width:0;height:100%}#image{position:relative}.post{position:absolute;top:0;left:0;visibility:hidden;display:flex;flex-direction:column;gap:3px}.post.on{position:relative;visibility:visible;margin:0 auto}.row{display:flex;gap:3px}.cell{background:var(--line);overflow:hidden;flex:none}.cell.filled{background:none}.cell img{width:100%;height:100%;object-fit:cover;display:block}.cell.failed{outline:1px solid #c00}#pending:empty{display:none}#caption{max-width:48em;margin:8px auto 0;border-top:1px solid var(--line);padding-top:6px;font-size:13px}#caption.strip{--cap-lh: 18px;box-sizing:content-box;height:calc(var(--cap-lh) * 2);line-height:var(--cap-lh);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;cursor:pointer}@media(hover:hover){#caption.strip:not(.empty):hover{color:var(--accent);border-top-color:var(--accent)}}#caption.strip.empty{border-top-color:transparent;cursor:default}#caption.solo{max-height:calc(100% - 8px);overflow:auto;font-size:14px}#textPanel:not([hidden]){position:fixed;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:color-mix(in srgb,var(--bg) 70%,transparent)}#textCard{width:min(720px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:10px 16px 16px;background:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #00000059}#textCard .bar{position:sticky;top:0;background:var(--bg);padding:6px 0;margin:0;z-index:1}#textCard .bar .muted{font-size:12px;margin-left:auto}#textBody{margin-top:6px;font-size:14px}@media(max-width:480px),(max-height:480px){#textPanel:not([hidden]){padding:8px}#textCard{padding:8px 10px 12px}}.rich h3{font-size:15px;margin:0 0 4px}.rich h4{font-size:14px;margin:0 0 4px}.rich p{margin:0 0 6px}.rich ul,.rich ol{margin:0 0 6px;padding-left:1.6em}.rich li{cursor:auto;padding:0;border:0}.rich pre{border:0;padding:0;max-height:none}.rich blockquote{margin:0 0 6px;padding-left:10px;border-left:2px solid var(--line);color:var(--muted)}.rich.solo[data-kind=text] blockquote:not(:has(blockquote)){font-size:20pt;line-height:1.5;color:#fff}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .rich.solo[data-kind=text] blockquote:not(:has(blockquote)){color:var(--fg)}}.rich img{max-width:100%;height:auto}.rich figure{margin:0 0 6px}.rich>div>:last-child{margin-bottom:0}.rich .rb-from{font-weight:600}.rich .rb-chat{margin:0 0 2px}.rich .rb-chat b{color:var(--muted);margin-right:5px}.rich .rb-quote{font-size:1.15em;line-height:1.55;margin:0 0 4px;padding-left:10px;border-left:3px solid var(--accent)}.rich .rb-cite{color:var(--muted);font-size:12px;margin:0 0 8px}.rich .rb-cite:before{content:"\2014  "}.rich .rb-cite p{display:inline;margin:0}.rich .rb-link,.rich .rb-embed{margin:0 0 6px;padding:6px 8px;border:1px solid var(--line);border-radius:6px}.rich .rb-link a,.rich .rb-embed a{font-weight:600;text-decoration:none}.rich .rb-site{color:var(--muted);font-size:12px;margin:-2px 0 6px}.rich .rb-row{display:flex;gap:4px;align-items:flex-start;margin:0 0 6px}.rich .rb-row>*{flex:1 1 0;min-width:0;margin:0}.rich .rb-indent{margin-left:1.5em}.rich .rb-attr{font-size:12px;color:var(--muted);margin:2px 0 0}.rich .rb-video{max-width:100%;max-height:50vh;display:block}.rich .rb-audio{width:100%;height:36px;display:block}.rich .rb-ask{margin:0 0 8px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--accent) 7%,transparent)}.rich .rb-asker{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:12px}.rich .rb-ask-icon{border-radius:4px}.rich .rb-asklabel{color:var(--muted)}.rich .rb-q>:last-child{margin-bottom:0}.rich .jswarn{color:#c00;font-size:12px}.hud{font-size:12px;color:var(--muted);margin:4px 0}dl{display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;margin:10px 0 0}dt{color:var(--muted)}dd{margin:0;word-break:break-all}pre,code,kbd,samp{font-family:var(--font-fixed)}pre{white-space:pre-wrap;word-break:break-all;font-size:12px;border:1px solid var(--line);padding:8px;max-height:50vh;overflow:auto}a{color:var(--accent)}#result{margin:6px 0 0;min-height:1.9em;padding:1px 8px;border-radius:5px;background:color-mix(in srgb,var(--accent) 10%,transparent)}#result.err{background:color-mix(in srgb,#c00 14%,transparent)}#lastReblog{margin:6px 0 0;padding:3px 8px;border:1px solid var(--line);border-radius:5px}#lastReblog a{margin-left:6px}.sep{flex:0 0 1px;height:1.4em;background:var(--line)}.sep.tall{height:36px;margin:0 2px}.bar .push{margin-left:auto}#quotaCount.low{color:var(--hot);border-color:var(--hot)}button:disabled{opacity:.45}.ic-btn{width:36px;height:36px;padding:0;flex:none;display:inline-grid;place-items:center;cursor:pointer;color:var(--fg);background:none;text-decoration:none;border:1px solid var(--line);border-radius:6px;transition:background-color .18s ease,border-color .18s ease,color .18s ease}@media(hover:hover){.ic-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}}.ic-btn:active:not(:disabled){background:color-mix(in srgb,var(--accent) 12%,transparent)}.ic-btn:disabled{cursor:default}.ic{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ic-btn.on{color:var(--accent);border-color:var(--accent)}#like.on .ic{fill:currentColor}.ic-btn.flash{transition:none;opacity:1;background:var(--accent);border-color:var(--accent);color:var(--bg)}.ic-btn.flash .ic{fill:none}.ic-btn.alert{position:relative;border-color:var(--hot);color:var(--hot)}.ic-btn.alert:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--hot)}#reblog,#draft,#like{--accent: var(--hot)}@media(prefers-reduced-motion:reduce){.ic-btn{transition:none}}#infoCard button,#textCard button{height:36px;padding:0 12px;cursor:pointer;color:var(--fg);background:none;border:1px solid var(--line);border-radius:6px}@media(hover:hover){#infoCard button:hover:not(:disabled),#textCard button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}}#infoPanel:not([hidden]){position:fixed;inset:0;z-index:5;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;background:color-mix(in srgb,var(--bg) 70%,transparent)}#infoCard{width:min(720px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:10px 16px 16px;background:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #00000059}#infoCard .bar{position:sticky;top:0;background:var(--bg);padding:6px 0;margin:0;z-index:1}#infoCard .bar .muted{font-size:12px;margin-left:auto}#infoCard h3{font-size:12px;font-weight:400;color:var(--muted);margin:14px 0 0;padding-bottom:2px;border-bottom:1px solid var(--line)}#infoCard .hud,#infoCard dl{margin:6px 0 0}#infoCard .opts{padding:8px 0 0}#readoutBox:not(:has(#postInfo)){display:none}#readouts{display:flex;flex-wrap:wrap;gap:8px;align-items:start;margin-top:6px}@media(max-width:480px),(max-height:480px){#infoPanel:not([hidden]){padding:8px}#infoCard{padding:8px 10px 12px}}body.emergency>*{visibility:hidden}body.emergency:after{content:"";position:fixed;inset:0;background:#000}#wall:not([hidden]){position:fixed;inset:0;z-index:10;background:var(--bg);display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:16px}#wallGrid{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;align-content:center;width:100%;max-height:100%;overflow:hidden}#wallGrid img{width:64px;height:64px;border-radius:5px;display:block;background:var(--line)}#wallOver{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:color-mix(in srgb,var(--bg) 55%,transparent)}#wallSpinner{display:block;color:var(--accent)}#wallSpinner .track{stroke:currentColor;opacity:.16}#wallSpinner .arc{stroke:currentColor;transform-origin:25px 25px;animation:wallSpin 1.4s linear infinite,wallArc 1.9s ease-in-out infinite}@keyframes wallSpin{to{transform:rotate(1turn)}}@keyframes wallArc{0%{stroke-dasharray:6 120;stroke-dashoffset:0}50%{stroke-dasharray:84 42;stroke-dashoffset:-20}to{stroke-dasharray:6 120;stroke-dashoffset:-126}}@media(prefers-reduced-motion:reduce){#wallSpinner .arc{stroke-dasharray:40 86;animation:wallSpin 3s linear infinite}}#wallText{margin:0;text-align:center;white-space:pre-line;font-size:13px;line-height:1.7;color:var(--fg);text-shadow:0 0 6px var(--bg),0 0 12px var(--bg)}#who{display:inline-flex;align-items:center;gap:2px;flex:none;width:136px}#who .slot{display:block;line-height:0;flex:none;width:36px;height:36px;border-radius:5px;border:2px solid var(--line);background:var(--line)}#who img{width:100%;height:100%;border-radius:3px;display:block}#who .arrow{color:var(--muted);font-size:11px;width:10px;text-align:center;flex:none}#who .root{border-color:var(--who-root)}#who .from{border-color:var(--who-from)}#who .to{border-color:var(--who-to);opacity:.35;transition:opacity .16s ease}#who .to.done{opacity:1}#who .slot.empty{background:none;border-style:dashed;opacity:.4}.stats,#postInfo{display:grid;grid-auto-rows:17px;gap:2px;height:36px;flex:none}.stats{grid-template-columns:max-content}#postInfo{grid-template-columns:max-content max-content}.stats span,#postInfo span{display:flex;align-items:center;justify-content:center;padding:0 5px;border:1px solid var(--line);border-radius:3px;color:var(--muted);white-space:nowrap;overflow:hidden;font:11px/1 var(--font-fixed)}#postInfo span{justify-content:flex-start}.w-long{width:calc(19ch + 12px)}.w-short{width:calc(7ch + 12px)}#settingsScreen{flex:1 1 auto;min-height:0;overflow:auto}#settingsScreen h3{font-size:13px;font-weight:400;color:var(--muted);margin:18px 0 6px;padding-bottom:3px;border-bottom:1px solid var(--line)}#settingsScreen .bar{margin-bottom:8px}#keymapTable{border-collapse:collapse}#keymapTable th{text-align:left;font-weight:400;padding:3px 18px 3px 0;white-space:nowrap}#keymapTable td{padding:3px 0}.keycell{display:inline-flex;gap:8px;align-items:center}.keyfield{min-width:15em;text-align:left;cursor:pointer;padding:4px 8px;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:4px;font:12px/1.4 var(--font-fixed)}.keyfield:hover{border-color:var(--accent)}.listening .keyfield{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.keycancel{padding:3px 10px;cursor:pointer;color:var(--fg);background:none;border:1px solid var(--line);border-radius:4px}.warn{min-height:1.6em;margin:6px 0;color:var(--hot)}#resetSettings{padding:6px 14px;cursor:pointer}#pickScreen h2{font-size:1.1em;margin:6px 0 10px;font-weight:400}#types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.foot{margin-top:28px;padding-top:12px;border-top:1px solid var(--line)}.foot button{padding:6px 14px;cursor:pointer}#types button{padding:10px 18px;font-size:15px;cursor:pointer}.opts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:6px 0}.bar{display:flex;gap:14px;align-items:center;margin:0;flex-wrap:nowrap;overflow:hidden}#pad{--pad-cell: 72px;--pad-gap: 8px;position:fixed;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:var(--pad-gap);opacity:.7}#pad.right{align-items:flex-end}#padKeys{display:grid;grid-template-columns:repeat(3,var(--pad-cell));grid-template-rows:repeat(3,var(--pad-cell));gap:var(--pad-gap);grid-template-areas:"prev like  info" "next pub   mode" "grip draft set"}#pad.right #padKeys{grid-template-areas:"info like  prev" "mode pub   next" "set  draft grip"}#padKeys>#prev{grid-area:prev}#padKeys>#like{grid-area:like}#padKeys>#info{grid-area:info}#padKeys>#padGrip{grid-area:grip}#padKeys>#reblog{grid-area:pub}#padKeys>#mode{grid-area:mode}#padKeys>#fwd{grid-area:next}#padKeys>#draft{grid-area:draft}#padKeys>#viewSettings{grid-area:set}#pad .ic-btn{width:var(--pad-cell);height:var(--pad-cell);border-radius:14px;background:var(--bg)}#pad .ic-btn.flash{background:var(--accent)}#pad .ic{width:44px;height:44px;stroke-width:1.6}#pad .ic-btn:disabled{opacity:.6}#pad #padGrip{border-radius:50%;cursor:grab;touch-action:none}#pad #padGrip:active{cursor:grabbing}#pad:not(.more) .ic-btn.aux{visibility:hidden}body.pad #side,body.pad #top .sep.tall.push{display:none}body.pad #top{order:1;padding-top:8px;padding-bottom:0;border-top:1px solid var(--line);border-bottom:0}