:root{color-scheme:light dark;--sample-bg:#fff;--sample-ink:#292631;--sample-muted:#656071;--sample-line:#ded9e9;--sample-active:#ede5ff}*{box-sizing:border-box}.sample-page{margin:0;background:#faf9fc;color:var(--sample-ink);font:16px/1.5 system-ui,sans-serif}.sample-page>nav{display:flex;justify-content:space-between;padding:18px 22px}.sample-page a{color:inherit}.sample-page>main{max-width:470px;margin:5vh auto;padding:14px}.sample-card{background:var(--sample-bg);color:var(--sample-ink);padding:22px;border:1px solid var(--sample-line);border-radius:24px;max-width:440px;font:15px/1.45 system-ui,sans-serif;overflow-wrap:anywhere}.sample-card header{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650}.sample-card header small{margin-left:auto;color:var(--sample-muted);white-space:nowrap}.sample-orb{display:inline-block;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#bdffff,#a771ff 40%,#6126c0);box-shadow:0 0 15px #aa7dff88}.sample-card h1{font-size:23px;line-height:1.2;margin:22px 0 12px;letter-spacing:-.4px}.sample-card p{color:var(--sample-muted);margin:12px 0}.sample-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sample-card button,.sample-card a.sample-primary{font:inherit;color:inherit;border:1px solid var(--sample-line);border-radius:12px;padding:12px;text-align:left;cursor:pointer;min-height:44px;background:var(--sample-bg);text-decoration:none}.sample-card button[aria-pressed=true]{background:var(--sample-active);border-color:#9b74d7}.sample-card .sample-primary{display:block;background:#342540;color:white;font-weight:600;width:100%;border-color:#342540}.sample-card button:disabled{opacity:.55;cursor:wait}.sample-card .sample-note,.sample-card details,.sample-status{font-size:12px}.sample-card details{margin-top:14px}.sample-card summary{cursor:pointer;min-height:36px;align-content:center}.sample-card footer{display:flex;gap:10px;justify-content:space-between;margin-top:12px}.sample-card footer button{font-size:12px;padding:8px 10px;min-height:36px}.sample-card dl{display:grid;grid-template-columns:70px 1fr;gap:10px;font-size:13px}.sample-card dd{margin:0}.sample-card dt{color:var(--sample-muted)}.sample-card :focus-visible{outline:3px solid #9470d3;outline-offset:3px}.sample-status:empty{display:none}.sample-card .bill-amount{font-size:32px;font-weight:650;color:var(--sample-ink)}.sample-links{margin-top:20px;font-size:13px}.sample-links nav{display:grid;gap:12px;padding:16px 0}.sample-card [hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{--sample-bg:#24202b;--sample-ink:#f5f0fa;--sample-muted:#c8bfd2;--sample-line:#53475f;--sample-active:#50396b}.sample-page{background:#18151d}.sample-card .sample-primary{background:#e1cffb;color:#21132e}}@media(max-width:320px){.sample-card{padding:14px;border-radius:18px}.sample-card h1{font-size:20px}.sample-options{grid-template-columns:1fr}.sample-page>main{padding:8px;margin:0 auto}.sample-card header{font-size:11px}}
.sample-page{--canvas:var(--sample-bg);--ink:var(--sample-ink)}@media(max-width:320px){.sample-options{grid-template-columns:1fr 1fr}.sample-card button{font-size:12px;padding:8px}.sample-card h1{font-size:18px;margin:14px 0 8px}.sample-card p{font-size:12px;margin:8px 0}.sample-card footer{margin-top:8px}.sample-card summary{min-height:30px}.sample-page>nav{padding:10px}.sample-card header{font-size:10px;gap:6px}}