:root{--bg: #07080d;--panel: rgba(16, 18, 28, .82);--line: rgba(255, 255, 255, .09);--ink: #e9e7e1;--muted: #8b8a93;--sand: #e8b96a;--ok: #4cc27e;--bad: #ff5d52}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:13px/1.45 -apple-system,SF Pro Text,Segoe UI,sans-serif;overflow:hidden}canvas{display:block}#stage{position:fixed;inset:0;cursor:grab;touch-action:pan-y}#stage.drag{cursor:grabbing}#stage.hover{cursor:pointer}.panel{position:fixed;background:var(--panel);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#top{top:14px;left:14px;right:14px;display:flex;align-items:center;gap:14px;padding:10px 14px;flex-wrap:wrap}#top h1{font-size:16px;margin:0;letter-spacing:.02em;white-space:nowrap}#top h1 b{color:var(--sand);font-weight:700}.meta{color:var(--muted);white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;white-space:nowrap}.chip.ok{background:#4cc27e24;color:var(--ok)}#pulseInfo b{color:var(--sand)}.chip.bad{background:#ff5d5224;color:var(--bad)}.seg{display:inline-flex;background:#ffffff0d;border-radius:9px;padding:2px}.seg button,.btn{background:none;border:0;color:var(--muted);font:inherit;padding:5px 10px;border-radius:7px;cursor:pointer;white-space:nowrap}.seg button:hover,.btn:hover{color:var(--ink)}.seg button.on{background:#ffffff1f;color:var(--ink)}.btn{border:1px solid var(--line)}.btn.on{color:var(--sand);border-color:#e8b96a80}#reset{color:#f08a7e;border-color:#f06e5f61;background:#f05a4b12}#reset:hover{color:#ffb0a6;border-color:#f06e5fb3;background:#f05a4b29}.btn.play{color:var(--bg);background:var(--sand);border-color:var(--sand);font-weight:600}.spacer{flex:1}a.back{color:var(--muted);text-decoration:none;white-space:nowrap}a.back:hover{color:var(--ink)}#search{position:relative}#search input{width:190px;background:#ffffff0f;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px 10px;font:inherit;outline:none}#search input:focus{border-color:#e8b96a99}#results{position:absolute;top:34px;inset-inline-end:0;width:300px;padding:4px;display:none}#results.show{display:block}#results div{padding:6px 8px;border-radius:7px;cursor:pointer;display:flex;gap:8px;align-items:baseline}#results div:hover,#results div.sel{background:#ffffff14}#results small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#legend{left:14px;top:var(--below, 84px);width:200px;padding:12px;max-height:calc(100% - 200px);overflow:auto}#legend h4{margin:0 0 6px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}#legend h4:not(:first-child){margin-top:12px}.row{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:7px;cursor:pointer;user-select:none}.row:hover{background:#ffffff0f}.row.on{background:#ffffff1f}.row .n{margin-inline-start:auto;color:var(--muted);font-size:11px}.dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}.shape{width:14px;height:14px;flex:none}#card{right:14px;top:var(--below, 84px);width:320px;padding:16px;display:none;max-height:calc(100% - 200px);overflow:auto}#card.show{display:block}#card .kind{font-size:11px;text-transform:uppercase;letter-spacing:.06em}#card h2{margin:2px 0 6px;font-size:19px}#card p{margin:0 0 10px;color:#c9c7c1}#card .path{font:11px/1.4 ui-monospace,Menlo,monospace;color:var(--muted);word-break:break-all;background:#ffffff0a;padding:6px 8px;border-radius:7px;margin-bottom:10px}#card .flags div{color:#ffb36b;margin-bottom:4px}#card .flags div:before{content:"\26a0  "}#card .dates{color:var(--muted);font-size:12px;margin-bottom:10px}#card .acts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}#card .acts a,#card .acts button{color:var(--ink);text-decoration:none}#card .nbrs{display:flex;flex-wrap:wrap;gap:5px}#card .nbrs span{padding:2px 8px;border-radius:999px;background:#ffffff0f;cursor:pointer;font-size:12px}#card ol.prompts{margin:0 0 10px;padding-left:18px;color:#c9c7c1;font-size:12px}#card ol.prompts li{margin:3px 0}#lang button{padding:4px 8px;font-weight:600}#card .nbrs span:hover{background:#ffffff24}#card .x{position:absolute;top:10px;right:10px}#pulse{left:14px;right:14px;bottom:14px;height:96px;padding:8px 12px 6px}#pulse .head{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:2px}#pulse .head b{color:var(--ink);font-weight:600}#pulseCanvas{width:100%;height:56px;cursor:crosshair}.range{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.range input{background:#ffffff0f;border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:3px 6px;font:inherit;color-scheme:dark}.range .btn{padding:3px 9px}.range .btn.on{color:var(--sand);border-color:#e8b96a80}a.listbtn{color:var(--ink);text-decoration:none;border:1px solid rgba(232,185,106,.5);padding:5px 12px;border-radius:8px;white-space:nowrap}a.listbtn:hover{background:#e8b96a1f}#tip{position:fixed;pointer-events:none;padding:6px 9px;display:none;font-size:12px;max-width:280px;z-index:5}#stamp{position:fixed;left:50%;top:var(--below, 84px);transform:translate(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .4s}#stamp.show{opacity:1}#stamp .d{font-size:34px;font-weight:700;color:var(--sand);letter-spacing:.01em;text-shadow:0 0 30px rgba(232,185,106,.45)}#stamp .c{color:var(--muted)}#help{font-size:11px;opacity:.8}@media(max-width:1250px){#help{display:none}}@media(max-width:900px){#legend,#help{display:none}#card{inset:auto 14px 112px;width:auto;max-height:45%}#search input{width:130px}}@media(max-width:700px){#top{top:8px;left:8px;right:8px;padding:8px 10px;gap:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}#top::-webkit-scrollbar{display:none}#search,#counts,#checkChip,#pulseInfo{display:none}#pulse .head{overflow-x:auto;scrollbar-width:none;white-space:nowrap}#pulse .head::-webkit-scrollbar{display:none}#pulse{left:8px;right:8px;bottom:8px}#card{left:8px;right:8px;bottom:112px}}[dir=rtl] #card .x{right:auto;left:10px}html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,svg,canvas,video,picture,a{-webkit-user-drag:none}
