*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}:root{--bg:#131313;--fg:#e8e8e8;--dim:#7a7a7a;--chip-bg:#131313d1;--chip-fg:#f2f2f2;--bar-remaining:#ffc83d;--bar-track:#565656}:root[data-theme=gray]{--bg:gray;--fg:#141414;--dim:#3a3a3a;--chip-bg:#808080d1;--chip-fg:#141414;--bar-track:#333}:root[data-theme=light]{--bg:#f4f4f4;--fg:#171717;--dim:#6e6e6e;--chip-bg:#f4f4f4e0;--chip-fg:#171717;--bar-track:#4a4a4a}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font:17px/1.5 ui-sans-serif,system-ui,sans-serif;overflow:hidden}code{background:#242424;border-radius:3px;padding:1px 5px;font-family:ui-monospace,monospace}.stage{background:var(--bg);position:fixed;inset:0}.stage-imgs{position:absolute;inset:0}.frame-img{object-fit:contain;-webkit-user-select:none;user-select:none;opacity:0;width:100%;height:100%;transition:opacity 80ms linear;position:absolute;inset:0}.frame-img.visible{opacity:1}.screen{text-align:center;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen h1{margin-bottom:10px;font-size:22px;font-weight:600}.screen p{margin-top:5px}.dim{color:var(--dim)}.wordmark{z-index:5;letter-spacing:-.01em;color:var(--fg);text-align:left;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:23px;font-weight:700;line-height:1.15;position:fixed;top:16px;left:16px}.blog-chip{z-index:5;opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex;position:fixed;bottom:36px;left:14px}.blog-chip-avatar{border-radius:50%;width:22px;height:22px;display:block}.blog-chip-name{color:var(--fg);font-size:14px;font-weight:600}.touch-layer{z-index:1;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.panel-toggle{z-index:5;background:var(--chip-bg);width:31px;height:31px;color:var(--chip-fg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:fixed;top:12px;right:14px}@media (pointer:coarse){.panel-toggle{width:48px;height:48px;font-size:24px}}.theme-toggle{z-index:5;background:var(--chip-bg);width:48px;height:48px;color:var(--chip-fg);cursor:pointer;border:none;border-radius:50%;font-size:24px;line-height:1;display:none;position:fixed;top:12px;right:70px}@media (pointer:coarse){.theme-toggle{justify-content:center;align-items:center;display:flex}}.sibling{color:var(--chip-fg);font-variant-numeric:tabular-nums;background:var(--chip-bg);border-radius:999px;padding:2px 8px;font-size:14px;position:fixed;bottom:36px;right:14px}.reblogged-badge{color:var(--chip-fg);background:var(--chip-bg);border-radius:999px;padding:2px 8px;font-size:13px;position:fixed;top:100px;right:14px}.bar{background:var(--bar-track);height:4px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #00000059}.bar-fill{background:var(--bar-remaining);transition:width .25s;position:absolute;top:0;bottom:0;right:0}.bar-fray{background:repeating-linear-gradient(90deg, var(--bar-track) 0 3px, var(--bar-remaining) 3px 6px);width:28px;position:absolute;top:0;bottom:0;right:0}.tick{color:#999;font-variant-numeric:tabular-nums;font-size:13px;position:fixed;bottom:8px;right:10px}.ratelimit{color:#c9a227;font-size:13px;position:fixed;bottom:8px;left:10px}.rerror{color:#d06060;font-size:13px;position:fixed;top:132px;right:14px}.confirm-toast{text-align:center;color:#baf0b1;background:#000000bf;border-radius:16px;max-width:min(88vw,420px);padding:10px 22px;font-size:19px;font-weight:700;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.confirm-toast-info{color:#e8e8e8;font-weight:600}.confirm-toast.undoable{cursor:pointer}.confirm-toast-hint{color:#9fdb96;text-underline-offset:3px;margin-top:3px;font-size:14px;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.detail-panels{z-index:5;flex-direction:column;gap:12px;width:480px;max-width:calc(100vw - 34px);display:flex;position:fixed;bottom:18px;left:14px}.detail-panel{color:#eee;background:#000000b8;border-radius:8px;padding:17px 22px;font-size:14px;line-height:1.6}.detail-blog-row{align-items:center;gap:14px;margin-bottom:7px;display:flex}.detail-blog-link{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.detail-blog-link:hover .detail-blog{text-decoration:underline}.avatar{border-radius:50%;flex-shrink:0;width:48px;height:48px;display:block}.detail-blog{font-size:22px;font-weight:700}.detail-description{color:#ddd;overflow-wrap:anywhere;margin-bottom:7px}.detail-tags{color:#a9b6c9;overflow-wrap:anywhere}.detail-link{color:#999;overflow-wrap:anywhere;text-decoration:none;display:block}.detail-link:hover{text-decoration:underline}.detail-stats{color:#cfcfcf;font-variant-numeric:tabular-nums;margin-top:12px}.detail-cheatsheet{flex-direction:column;gap:4px;display:flex}.shortcut-row{justify-content:space-between;gap:24px;display:flex}button.shortcut-row{all:unset;width:100%;font:inherit;color:inherit;cursor:pointer;justify-content:space-between;gap:24px;display:flex}button.shortcut-row:active{opacity:.6}.shortcut-key{color:#ddd;font-family:ui-monospace,monospace}.key-mobile{display:none}@media (pointer:coarse){.key-desktop{display:none}.key-mobile{display:inline}.desktop-only-row{display:none}}.shortcut-action{color:#a3a3a3}