:root{--bg:#1a1333;--bg-deep:#120d27;--surface:#0f0a22;--panel:#0f0a22b8;--line:#7c74a838;--fill:#3ee0d8;--fill-deep:#00afb3;--text:#f3f3fb;--muted:#9c95c4;--empty:#7c74a8;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--topbar-h:84px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}body{background:radial-gradient(120% 90% at 30% 40%, #22194a 0%, var(--bg) 45%, var(--bg-deep) 100%);flex-direction:column;display:flex}.topbar{height:var(--topbar-h);flex:none;justify-content:space-between;align-items:center;padding:0 36px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-logo{object-fit:contain;width:34px;height:34px}.brand-mark{letter-spacing:-.02em;font-size:28px;font-weight:700}.brand-sep{background:var(--muted);opacity:.6;width:1px;height:22px}.brand-sub{color:var(--muted);letter-spacing:.02em;font-size:14px}.counter{text-align:right;align-items:baseline;gap:10px;line-height:1;display:flex}.counter-num{letter-spacing:-.03em;color:var(--fill);font-variant-numeric:tabular-nums;font-size:44px;font-weight:600}.counter-den{color:var(--muted);font-size:14px}.layout{flex:auto;grid-template-columns:minmax(0,1.55fr) minmax(380px,1fr);gap:24px;min-height:0;padding:0 36px 28px;display:grid}.stage-wrap{border:1px solid var(--line);background:linear-gradient(#ffffff05,#0000001f);border-radius:20px;min-width:0;position:relative;overflow:hidden}#stage{position:absolute;inset:0}#stage canvas{display:block;width:100%!important;height:100%!important}.stage-fallback{text-align:center;color:var(--muted);justify-content:center;align-items:center;font-size:18px;line-height:1.6;display:flex;position:absolute;inset:0}.stage-fallback small{opacity:.7;font-size:13px}.stage-legend{color:var(--muted);pointer-events:none;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;bottom:18px;left:22px}.stage-legend .swatch+.swatch{margin-left:18px}.swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.swatch-empty{border:1px solid var(--empty);background:#7c74a81f}.swatch-filled{background:linear-gradient(160deg, var(--fill), var(--fill-deep))}.hint{color:var(--muted);opacity:.8;pointer-events:none;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:18px;right:22px}.hint:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px}.hint[data-status=open]:before{background:var(--fill);box-shadow:0 0 8px var(--fill)}.hint[data-status=closed]:before{background:#ff6b6b}.feed{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.feed-head{justify-content:space-between;align-items:flex-end;padding:22px 24px 14px;display:flex}.feed-title{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.feed-title:before{content:"";background:var(--fill);border-radius:50%;width:8px;height:8px;animation:2.2s ease-out infinite pulse;box-shadow:0 0 #3ee0d899}.feed-sub{color:var(--muted);margin-top:4px;font-size:13px}.feed-sub span{color:var(--text);font-weight:500}.feed-pct{color:var(--fill);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:26px;font-weight:600}.progress{background:#7c74a82e;border-radius:2px;height:4px;margin:0 24px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--fill-deep), var(--fill));border-radius:2px;width:0;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.feed-list{flex-direction:column;flex:auto;gap:8px;min-height:0;margin:0;padding:14px 12px 20px;list-style:none;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 88%,#0000 100%);mask-image:linear-gradient(#000 0 88%,#0000 100%)}.feed-empty{color:var(--muted);text-align:center;padding:32px 24px;font-size:14px}.feed-empty[hidden]{display:none}.feed-item{background:#ffffff09;border:1px solid #0000;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 16px;padding:10px 12px 10px 16px;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .42s,background .6s,border-color .6s;display:grid}.feed-item.enter{opacity:0;transform:translateY(-14px)}.feed-item:first-child{background:#3ee0d814;border-color:#3ee0d840}.feed-item.just-confirmed{animation:1.4s ease-out confirmFlash}.fi-main{min-width:0}.fi-arrow{color:var(--fill);margin:0 4px;font-weight:400}.is-transfer{background:#7c74a81a}.is-transfer .fi-token-id{color:var(--muted)}.fi-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;overflow:hidden}.fi-token{color:var(--muted);align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.fi-token-id{font-family:var(--mono);color:var(--fill);font-weight:500}.fi-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.fi-hash{font-family:var(--mono);color:var(--text);opacity:.9;font-size:13px;text-decoration:none}.fi-hash[href]:hover{color:var(--fill)}.is-pending .fi-hash{color:var(--muted);font-family:Inter,system-ui,sans-serif;font-size:12px;font-style:italic;animation:1.4s ease-in-out infinite blink}.fi-when{color:var(--muted);font-variant-numeric:tabular-nums;gap:8px;font-size:12px;display:flex}.fi-time{color:var(--text);opacity:.8}.fi-qr{color:#0f0a22;box-sizing:border-box;background:#fff;border-radius:8px;width:76px;height:76px;padding:6px;display:block}.fi-qr svg{width:100%;height:100%;display:block}.fi-qr:not([href]){background:#7c74a81a;border:1px dashed #7c74a866}.feed-item:first-child .fi-qr{box-shadow:0 0 0 2px #3ee0d880}@keyframes pulse{0%{box-shadow:0 0 #3ee0d88c}to{box-shadow:0 0 0 10px #3ee0d800}}@keyframes blink{0%,to{opacity:.55}50%{opacity:1}}@keyframes confirmFlash{0%{background:#3ee0d859;border-color:#3ee0d8b3}to{background:#3ee0d814;border-color:#3ee0d840}}@media (width<=1100px){.layout{grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);grid-template-columns:1fr}}