@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#10243d;background:#f5f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{max-width:1480px;margin:auto;padding:28px 4vw 20px}.topbar,.intro,.workspace,footer{display:flex;justify-content:space-between}.topbar{align-items:flex-start;border-bottom:1px solid #dbe5ee;padding-bottom:22px}.back-link{display:inline-block;margin-bottom:16px;color:#668087;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.back-link:hover,.back-link:focus-visible{color:#1552d2;text-decoration:underline}.eyebrow,.kicker,.stage-label,.rail-head,.metric,.live-dot,footer,.key{font:500 11px DM Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.eyebrow{color:#5b7a99}.brand h1{font-size:clamp(28px,4vw,52px);letter-spacing:-.06em;margin:10px 0 0;font-weight:700}.live-dot{display:flex;gap:9px;align-items:center;color:#74889d}.live-dot i{width:8px;height:8px;border-radius:50%;background:#b8c6d2}.live-dot.on{color:#167a64}.live-dot.on i{background:#21bd8c;box-shadow:0 0 0 5px #d6f6ec}.intro{align-items:end;padding:42px 0 34px;gap:28px}.kicker{color:#1755d1;margin:0 0 12px}.lede{font-size:16px;line-height:1.55;max-width:580px;margin:0;color:#536980}.camera-button{border:1px solid #1b4fd1;background:#1552d2;color:#fff;border-radius:4px;padding:13px 17px;font:600 13px Manrope;cursor:pointer;box-shadow:0 5px #0e3ca5}.camera-button:hover{background:#0e46bc}.camera-button:active{transform:translateY(3px);box-shadow:0 2px #0e3ca5}.camera-button span{padding-left:24px}.workspace{gap:18px;align-items:stretch}.stage{position:relative;min-height:570px;flex:1;overflow:hidden;border:1px solid #cbd9e5;background:#d9edf7;touch-action:none;cursor:crosshair}.stage video{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:.13;filter:saturate(.55) hue-rotate(150deg)}.video-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 40% 20%,#ffffffd6,#e2f4fcb3 50%,#cde5f1cc)}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.stage-label{position:absolute;left:22px;top:19px;color:#39728f;display:flex;gap:12px}.stage-label b{color:#1552d2;font-weight:500}.demo-card{position:absolute;width:150px;height:104px;padding:18px;background:#fff;border:1px solid #97b6ca;box-shadow:8px 10px #195c8b1c;display:flex;flex-direction:column;gap:9px;cursor:grab;transform:translate(-10%,-8%);-webkit-user-select:none;user-select:none}.demo-card.held{border-color:#1552d2;box-shadow:8px 10px #1552d22e;cursor:grabbing}.card-mark{font-size:22px;line-height:.8;color:#1552d2}.demo-card strong{font-size:14px}.demo-card small{font:11px DM Mono,monospace;color:#72869c}.help-chip{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:9px 12px;background:#fffc;border:1px solid #c5dbe8;color:#477089;font:11px DM Mono,monospace;white-space:nowrap}.rail{width:270px;flex:none;border:1px solid #cbd9e5;background:#fff;padding:20px}.rail-head{display:flex;justify-content:space-between;color:#477089;border-bottom:1px solid #e1eaf1;padding-bottom:18px}.rail-head b{color:#1552d2;font-weight:500}.metric{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e7eef3;color:#668098}.metric strong{font-weight:500;color:#163b5e}.metric strong.good{color:#148267}.metric strong.accent{color:#1552d2}.rail-rule{height:24px}.rail-note{color:#7a8d9f;font:12px/2 DM Mono,monospace}.key{background:#eef3f8;border:1px solid #dbe5ec;padding:3px 5px;color:#4c6781}.error{padding:12px 16px;background:#fff1f0;border:1px solid #e7b5af;color:#a33d35;font-size:13px;margin:-14px 0 20px}.support-button{height:32px;padding:0 14px;margin:0 0 16px 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#1552d2;color:#fff;border:1px solid #1b4fd1;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;cursor:pointer}.support-button:hover,.support-button:focus-visible{background:#0e46bc;outline:none}@media(max-width:480px){.support-button{width:32px;min-width:32px;padding:0;justify-content:center}.support-button-label{display:none}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#10243d73;padding:16px}.dialog{width:min(420px,100%);display:grid;gap:14px;padding:20px;border-radius:12px;background:#fff;border:1px solid #dbe5ee;box-shadow:0 20px 40px #10243d40}.dialog h2{margin:0;color:#10243d;font-size:22px}.dialog p{margin:0;color:#536980;font-size:14px;line-height:1.5}.dialog-head{display:flex;justify-content:flex-end;margin:-6px -6px -8px 0}.icon-button{width:36px;height:36px;padding:0;font-size:20px;line-height:1;border:1px solid #dbe5ee;border-radius:8px;background:#fff;color:#536980}.icon-button:hover,.icon-button:focus-visible{border-color:#1552d2;color:#1552d2;outline:none}.primary-button{display:inline-flex;align-items:center;gap:6px;border:1px solid #1b4fd1;background:#1552d2;color:#fff;border-radius:4px;padding:10px 16px;font:700 13px Manrope;cursor:pointer;box-shadow:0 4px #0e3ca5}.primary-button:hover,.primary-button:focus-visible{background:#0e46bc;outline:none}.welcome-card{max-height:calc(100dvh - 32px);overflow-y:auto}.welcome-card-heading{display:flex;align-items:center;gap:8px}.welcome-card-tagline{color:#536980;font-size:15px}.welcome-card-label{margin:4px 0 -4px;color:#7089a0;font:600 11px DM Mono,monospace;letter-spacing:.08em}.welcome-card-list,.welcome-card-steps{margin:0;padding:0;list-style:none;display:grid;gap:8px}.welcome-card-list li{position:relative;padding-left:16px;color:#536980;font-size:14px;line-height:1.5}.welcome-card-list li:before{content:"•";position:absolute;left:2px;color:#1552d2}.welcome-card-steps li{display:flex;align-items:flex-start;gap:8px;color:#536980;font-size:14px;line-height:1.5}.welcome-card-step-icon{flex-shrink:0}.welcome-card-privacy{color:#7089a0;font-size:13px}.welcome-card-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.welcome-card-actions button{flex:1 1 auto;justify-content:center}.welcome-card-actions button:not(.primary-button){border:1px solid #c8d6e2;background:transparent;color:#10243d;border-radius:4px;padding:10px 16px;font:600 13px Manrope;cursor:pointer}.welcome-button{height:32px;padding:0 14px;margin:0 0 16px 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:transparent;color:#1552d2;border:1px solid #1552d2;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;cursor:pointer}.welcome-button:hover,.welcome-button:focus-visible{background:#eaf0fb;outline:none}@media(max-width:480px){.welcome-button{width:32px;min-width:32px;padding:0;justify-content:center}.welcome-button-label{display:none}}.support-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.support-panel{display:grid;gap:14px;min-width:0}.support-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.support-dialog .support-panel-header{position:sticky;top:0;margin:-6px -6px 0;padding:6px 6px 0;background:#fff;z-index:1}.support-heart{color:#1552d2}.support-subhead{margin:0;color:#536980;font-size:14px;line-height:1.5}.support-primary-action{justify-self:stretch;justify-content:center}.support-card-button{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;border-radius:4px;background:#1552d2;color:#fff;border:1px solid #1b4fd1;font:600 14px Manrope;text-decoration:none;box-shadow:0 5px #0e3ca5}.support-crypto{display:grid;gap:10px;min-width:0}.support-section-label{margin:4px 0 -4px;color:#7089a0;font:600 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.support-coin-choices,.support-network-choices{display:flex;flex-wrap:wrap;gap:6px}.support-coin-choices button,.support-network-choices button{border:1px solid #c8d6e2;background:transparent;color:#10243d;padding:8px 12px;border-radius:4px}.support-coin-choices button[aria-pressed=true],.support-network-choices button[aria-pressed=true]{background:#1552d2;color:#fff;border-color:#1552d2}.support-crypto-entry{display:grid;gap:12px;min-width:0}.support-ronin-pay{display:grid;gap:6px}.support-ronin-pay-button{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;border-radius:4px;background:#1552d2;color:#fff;border:1px solid #1b4fd1;font:700 14px Manrope;text-decoration:none;box-shadow:0 5px #0e3ca5}.support-ronin-pay-hint{margin:0;color:#7089a0;font-size:12px}.support-detail-card{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:10px;background:#f5f8fb;border:1px solid #dbe5ee}.support-detail-info{display:grid;gap:6px;min-width:0;flex:1}.support-network-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid #dbe5ee;color:#10243d;font:600 11px Manrope;letter-spacing:.02em}.support-network-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.support-network-badge-ethereum .support-network-dot{background:#8a92ff}.support-network-badge-ronin .support-network-dot{background:#1273ea}.support-network-badge-bitcoin .support-network-dot{background:#f7931a}.support-network-warning{margin:0;font-size:13px;color:#536980}.support-short-address{margin:0;font:700 18px/1.2 ui-monospace,monospace;letter-spacing:.01em;color:#10243d;overflow-wrap:anywhere}.support-copyable-address{display:grid;gap:6px}.support-copy-button{justify-self:start;display:inline-flex;align-items:center;gap:6px;border:1px solid #1b4fd1;background:#1552d2;color:#fff;padding:10px 18px;border-radius:4px;font:700 13px Manrope;cursor:pointer}.support-copyable-address-secondary .support-copy-button{padding:6px 12px;font:600 12px Manrope;background:#fff;color:#10243d;border-color:#c8d6e2;box-shadow:none}.support-address{min-width:0;padding:8px 10px;border-radius:4px;border:1px solid #dbe5ee;background:#fff;color:#10243d;font:12px/1.4 ui-monospace,monospace;overflow-wrap:anywhere}.support-copy-status{font-size:12px;color:#1552d2;min-height:14px}.support-secondary-address{display:grid;gap:6px;font-size:12px}.support-secondary-label{color:#536980}.support-qr{width:120px;height:120px;flex:none;padding:10px;border-radius:12px;background:#fff;border:1px solid #dbe5ee;box-shadow:0 2px 8px #10243d1f}.support-qr svg{display:block;width:100%;height:100%}@media(max-width:480px){.support-detail-card{flex-direction:column;align-items:stretch}}.camera-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff8ea;border:1px solid #ecd9a6;color:#7a5c15;font-size:13px;margin:14px 0 -6px}.camera-banner button{flex:none;border:1px solid #ecd9a6;background:#fff;color:#7a5c15;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}footer{border-top:1px solid #dbe5ee;padding-top:16px;margin-top:18px;color:#8194a6;letter-spacing:.03em;text-transform:none;font-size:10px}@media(max-width:800px){.shell{padding:20px 16px}.intro{padding:30px 0 24px;align-items:start;flex-direction:column}.workspace{flex-direction:column}.stage{min-height:500px}.rail{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.rail-head,.rail-rule,.rail-note{grid-column:1/-1}.metric{padding:13px 0}footer{gap:12px;flex-direction:column}.help-chip{font-size:9px;max-width:90%;overflow:hidden}.live-dot{font-size:9px}}.tuning{border-top:1px solid #e7eef3;margin-top:12px;padding-top:16px}.tuning label{display:flex;justify-content:space-between;margin:9px 0 5px;color:#668098;font:10px DM Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.tuning output{color:#1552d2}.tuning input{width:100%;accent-color:#1552d2}.record{border-top:1px solid #e7eef3;margin-top:12px;padding-top:16px;display:flex;flex-direction:column;gap:6px}.record label{color:#668098;font:10px DM Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.record select,.record input[type=text]{width:100%;padding:7px 8px;border:1px solid #cbd9e5;background:#fff;color:#163b5e;font-size:12px}.record-button{margin-top:4px;padding:9px 12px;border:1px solid #1552d2;background:#1552d2;color:#fff;font-size:12px;letter-spacing:.03em;cursor:pointer}.record-button:disabled{cursor:default;opacity:.7}.record-countdown{color:#1552d2;font-weight:500;font-size:13px}.record-status{color:#148267;font-size:12px}