.web-demo{--ink:var(--color-ink);--ink-muted:var(--color-ink-muted);--surface:var(--color-surface);--paper:var(--color-paper);--panel:var(--color-panel);--accent:var(--color-accent);--mono:var(--font-label);--ok:#1f7a3a;position:absolute;inset:0;padding:5.5% 6%;color:var(--ink)}.web-demo .mono{font-family:var(--font-label);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.web-demo .muted{color:var(--ink-muted)}.web-demo .ln{display:block;height:8px;border-radius:3px;background:rgb(20 18 15/.15)}.web-demo .bk{border-radius:8px;background:var(--panel)}.web-demo .pill{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 14px;border-radius:99px;background:var(--ink);color:var(--surface);font-size:12px;font-weight:600}.web-demo .pill.o{background:transparent;color:var(--ink);border:1px solid rgb(20 18 15/.25)}.web-demo .card{background:var(--surface);border:1px solid rgb(20 18 15/.08);border-radius:10px;padding:10px}.web-demo .t-xl{font-size:clamp(1.3rem,2.8vw,2.4rem);font-weight:600;letter-spacing:-.05em;line-height:.98;margin:0}.web-demo .t-md{font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:600;letter-spacing:-.02em;margin:0}.web-demo .sm{font-size:11px}.web-demo .xs{font-size:10px}.web-demo .row{display:flex;gap:10px;align-items:center}.web-demo .col{display:flex;flex-direction:column;gap:8px}.web-demo .gfill{background:var(--gradient-accent)}.web-demo .okc{color:var(--ok)}.web-demo .toast{position:absolute;right:6%;bottom:7%;background:var(--ink);color:var(--surface);border-radius:10px;padding:10px 14px;font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center}.web-demo .cursor{position:absolute;width:16px;height:16px;z-index:5;pointer-events:none}.web-demo .cursor:before{content:"";position:absolute;inset:0;clip-path:polygon(0 0,0 100%,30% 72%,52% 100%,64% 94%,44% 66%,80% 66%);background:var(--ink)}.web-demo .field{height:32px;border:1px solid rgb(20 18 15/.15);border-radius:8px;display:flex;align-items:center;padding:0 10px;font-size:12px;background:var(--surface)}.web-demo [data-lang-hi],.web-demo [lang=hi]{font-family:"Noto Sans Devanagari",var(--font-sans)}