:root{--bg: #faf7ef;--ink: #2b2417;--accent: #d4380d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:1rem;padding:.7rem 1.1rem}h1{margin:0;font-size:1.35rem;letter-spacing:-.02em}.tabs{display:inline-flex;border:1px solid rgba(0,0,0,.16);border-radius:999px;overflow:hidden}.tabs button{font:inherit;font-size:.9rem;border:none;background:none;cursor:pointer;color:var(--ink);opacity:.55;padding:.22rem .85rem;display:inline-flex;align-items:center;gap:.35rem}.tabs button:not(:last-child){border-right:1px solid rgba(0,0,0,.12)}.tabs button.active{background:var(--ink);color:var(--bg);opacity:1}.tabs button .dot{display:none}.tabs button[data-mode=live].active .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.right{margin-left:auto;display:flex;align-items:center;gap:.9rem}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(0,0,0,.16);border-radius:8px;background:none;color:var(--ink);opacity:.65;cursor:pointer}.iconbtn:hover{opacity:1}#status a{color:var(--accent);text-decoration:none}#status a:hover{text-decoration:underline}#status .crown{filter:saturate(1.1)}#status .count{opacity:.6}.fresh{font-size:.78rem;opacity:.5;white-space:nowrap}.picker{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;opacity:.7}.picker select{font:inherit}#status{padding:.2rem 1rem .4rem;font-size:.9rem;line-height:1.6;min-height:1.1em;opacity:.75}#pit{flex:1;width:100%;display:block;cursor:default}.tip{position:fixed;z-index:40;pointer-events:none;font-size:.8rem;padding:.25rem .55rem;border-radius:8px;background:var(--ink);color:var(--bg);white-space:nowrap;box-shadow:0 4px 14px #0003}.tip[hidden]{display:none}.about{position:absolute;z-index:45;top:3.4rem;right:1.1rem;width:min(340px,calc(100vw - 2rem));background:var(--bg);color:var(--ink);border:1px solid rgba(0,0,0,.16);border-radius:12px;padding:.9rem 1rem;font-size:.82rem;line-height:1.5;box-shadow:0 14px 40px #0000002e}.about[hidden]{display:none}.about p{margin:0 0 .6rem}.about p:last-child{margin-bottom:0}.about .egl{font-weight:600}.about a{color:var(--accent);text-decoration:none}.about a:hover{text-decoration:underline}.filter{display:inline-flex;align-items:center;gap:.55rem;margin:1rem 1rem .6rem;padding:.4rem .5rem .4rem .85rem;font-size:.82rem;border-radius:999px;background:#1478c81a;width:fit-content}.filter[hidden]{display:none}.filter .lbl{opacity:.55}.filter a{color:#1478c8;text-decoration:none;font-weight:600}.filter a:hover{text-decoration:underline}.filter .count{opacity:.6;padding-left:.5rem;border-left:1px solid rgba(20,120,200,.25)}.filter .x{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:.1rem;font:inherit;line-height:1;border:none;border-radius:50%;background:none;color:var(--ink);opacity:.5;cursor:pointer}.filter .x:hover{opacity:1;background:#1478c82e}.palette{position:fixed;inset:0;z-index:50;background:#2b241740;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}.palette[hidden]{display:none}.palette-box{width:min(540px,92vw);background:var(--bg);border:1px solid rgba(0,0,0,.2);border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #00000040}.palette-input{width:100%;box-sizing:border-box;border:none;outline:none;font:inherit;font-size:1rem;padding:.85rem 1rem;background:transparent;color:var(--ink);border-bottom:1px solid rgba(0,0,0,.1)}.palette-list{list-style:none;margin:0;padding:.25rem;max-height:50vh;overflow-y:auto}.palette-list li{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .7rem;border-radius:8px;cursor:pointer}.palette-list li.active{background:#1478c824}.palette-list li .h{font-weight:600}.palette-list li .d{opacity:.55;font-size:.85rem}.palette-list li.empty{opacity:.5;cursor:default}