.rf-stage[data-astro-cid-j6kbba2s]{margin:0 0 var(--s-8)}.rf-stage-panel[data-astro-cid-j6kbba2s]{background:var(--bg-tint);border:1px solid var(--line);border-radius:var(--radius-xl);padding:clamp(16px,3.5vw,40px);overflow-x:auto}.rf-stage-cap[data-astro-cid-j6kbba2s]{margin-top:var(--s-3);font-size:var(--t-xs);color:var(--muted)}.rf-stage-line[data-astro-cid-j6kbba2s]{color:var(--fg);font-size:var(--t-small);margin:0}.rf-stage-note[data-astro-cid-j6kbba2s]{margin:var(--s-2) 0 0;align-items:center;gap:var(--s-2);flex-wrap:wrap;max-width:none;display:flex}.sd-shell{--sd-gap:var(--space-4,16px);margin:var(--space-4,16px) 0;font-family:var(--font-body,system-ui, sans-serif);color:var(--fg,#1b1221)}.sd-bar{justify-content:space-between;align-items:center;gap:var(--space-2,8px);margin-bottom:var(--space-3,12px);flex-wrap:wrap;display:flex}.sd-bar-name{gap:var(--space-2,8px);flex-wrap:wrap;align-items:center;margin:0;font-weight:600;display:flex}.sd-toolbar{gap:var(--space-4,16px);padding:var(--space-3,12px);margin-bottom:var(--space-4,16px);border:1px solid var(--line,#ece5ef);border-radius:var(--radius-lg,16px);background:var(--surface,#fff);flex-wrap:wrap;align-items:flex-end;display:flex}.sd-panes{gap:var(--sd-gap);flex-wrap:wrap;align-items:flex-start;display:flex}.sd-surface{min-width:0;margin:0}.sd-surface-phone{flex:0 340px;max-width:100%}.sd-surface-stage{flex:2 380px}.sd-surface-control{flex:300px}.sd-kicker,.sd-fig{font-family:var(--font-body,Inter, system-ui, sans-serif);font-size:var(--t-xs,.8125rem);letter-spacing:.06em;color:var(--subtle,#6f6777);margin:0 0 var(--space-2,8px);text-transform:uppercase;font-weight:600}.sd-fig{text-transform:none;margin-top:var(--space-2,8px);letter-spacing:0;text-align:center;font-weight:400}.sd-mono{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums}.sd-sub{color:inherit;opacity:.75}.sd-phone{width:340px;max-width:100%;box-shadow:var(--shadow-phone,0 30px 60px -18px #2a063661), inset 0 0 0 1.5px #ffffff14;background:linear-gradient(160deg,#2a2230,#0e0a11 60%);border-radius:51px;padding:12px}.sd-screen{--sd-app-accent:#b3122e;--sd-app-bg:#f6f6f4;--sd-app-card:#fff;--sd-app-fg:#14161b;--sd-app-muted:#5a5f68;--sd-app-line:#e1e3de;--sd-app-good:#17703f;--sd-app-bad:#b33a0b;--sd-app-gold:#8a6410;background:var(--sd-app-bg);height:640px;color:var(--sd-app-fg);font-family:var(--font-handset,system-ui, sans-serif);color-scheme:light;border-radius:40px;flex-direction:column;font-size:15px;line-height:1.4;display:flex;position:relative;overflow:hidden}.sd-status{justify-content:space-between;align-items:center;padding:10px 22px 4px;font-size:12px;font-weight:600;display:flex}.sd-status-glyphs{align-items:center;gap:6px;display:inline-flex}.sd-sig{clip-path:polygon(0 100%,100% 0,100% 100%);background:linear-gradient(90deg,currentColor 0 20%,#0000 20% 27%,currentColor 27% 47%,#0000 47% 54%,currentColor 54% 74%,#0000 74% 81%,currentColor 81%);width:14px;height:8px}.sd-bat{border:1.5px solid;border-radius:3px;width:20px;height:9px;box-shadow:inset -6px 0 #0000,inset 12px 0}.sd-apphead{border-bottom:1px solid var(--sd-app-line);background:var(--sd-app-card);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px 10px;font-size:17px;font-weight:700;display:flex}.sd-body{overscroll-behavior:contain;flex:1;padding:12px 14px 16px;overflow-y:auto}.sd-tabs{border-top:1px solid var(--sd-app-line);background:var(--sd-app-card);padding-bottom:10px;display:flex}.sd-tab{min-height:44px;font:inherit;color:var(--sd-app-muted);cursor:pointer;background:0 0;border:0;flex:1;font-size:12px}.sd-tab[aria-current=page]{color:var(--sd-app-accent);box-shadow:inset 0 2px 0 var(--sd-app-accent);font-weight:700}.sd-tab:disabled{cursor:not-allowed;opacity:.6}.sd-lock{font-size:10px}.sd-toast{color:#fff;z-index:2;animation:sd-drop var(--dur-base,.18s) var(--ease-enter,ease-out);background:#14161b;border-radius:12px;padding:10px 12px;font-size:13px;position:absolute;top:40px;left:12px;right:12px;box-shadow:0 8px 24px #00000040}@keyframes sd-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.sd-card{background:var(--sd-app-card);border:1px solid var(--sd-app-line);border-radius:14px;margin-bottom:10px;padding:12px}.sd-card h4,.sd-card h5{margin:0 0 6px;font-size:15px}.sd-muted{color:var(--sd-app-muted)}.sd-small{font-size:13px}.sd-empty{text-align:center;color:var(--sd-app-muted);padding:28px 10px}.sd-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.sd-tile{border:1px solid var(--sd-app-line);background:var(--sd-app-card);min-height:72px;font:inherit;text-align:center;color:var(--sd-app-fg);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:600;display:flex}.sd-tile-glyph{background:var(--sd-app-accent);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.sd-appbtn{background:var(--sd-app-accent);color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:8px;font-weight:700;display:block}.sd-appbtn:disabled{opacity:.45;cursor:not-allowed}.sd-appbtn-ghost{color:var(--sd-app-accent);border:1.5px solid var(--sd-app-accent);background:0 0}.sd-option{border:1.5px solid var(--sd-app-line);background:var(--sd-app-card);width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;color:var(--sd-app-fg);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.sd-option[aria-checked=true],.sd-option[aria-pressed=true]{border-color:var(--sd-app-accent);box-shadow:inset 0 0 0 1px var(--sd-app-accent)}.sd-option:disabled{cursor:default}.sd-radio{border:2px solid var(--sd-app-muted);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.sd-option[aria-checked=true] .sd-radio{border-color:var(--sd-app-accent)}.sd-option[aria-checked=true] .sd-radio:after{content:"";background:var(--sd-app-accent);border-radius:50%;width:8px;height:8px}.sd-badge{letter-spacing:.04em;color:var(--sd-app-fg);text-transform:uppercase;background:#eef0ec;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.sd-badge-live{background:var(--sd-app-gold);color:#fff}.sd-badge-next{background:var(--sd-app-accent);color:#fff}.sd-badge-good{color:var(--sd-app-good);background:#e2f1e7}.sd-badge-bad{color:var(--sd-app-bad);background:#f9e7de}.sd-badge-warn{color:#8a5a00;background:#f7edd5}.sd-dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 0;font-size:13px;display:grid}.sd-dl dt{color:var(--sd-app-muted)}.sd-dl dd{margin:0;font-weight:600}.sd-input,.sd-screen input[type=text],.sd-screen input[type=email],.sd-screen input[type=time],.sd-screen textarea,.sd-screen select{box-sizing:border-box;width:100%;min-height:44px;font:inherit;color:var(--sd-app-fg);background:#fff;border:1px solid #b9bdb5;border-radius:10px;padding:8px 10px;font-size:16px}.sd-screen label{margin:8px 0 4px;font-size:13px;font-weight:600;display:block}.sd-segment{background:#ebece8;border-radius:12px;gap:4px;margin-bottom:10px;padding:3px;display:flex}.sd-segment>button{min-height:36px;font:inherit;cursor:pointer;color:var(--sd-app-muted);background:0 0;border:0;border-radius:9px;flex:1;font-size:13px;font-weight:600}.sd-segment>button[aria-selected=true],.sd-segment>button[aria-pressed=true]{color:var(--sd-app-fg);background:#fff;box-shadow:0 1px 2px #0000001f}.sd-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sd-list{margin:0;padding:0;list-style:none}.sd-list>li{border-bottom:1px solid var(--sd-app-line);padding:10px 0}.sd-iconbtn{min-width:44px;min-height:44px;font:inherit;cursor:pointer;color:var(--sd-app-accent);background:0 0;border:0;font-weight:700}.sd-banner{color:#0e4a29;background:#e2f1e7;border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;font-weight:600;display:flex}.sd-pulse{width:9px;height:9px;animation:sd-pulse var(--dur-pulse,2s) infinite;background:#17a34a;border-radius:50%;flex:none}@keyframes sd-pulse{0%{box-shadow:0 0 #17a34a99}70%{box-shadow:0 0 0 8px #17a34a00}to{box-shadow:0 0 #17a34a00}}.sd-result{text-align:center;border-radius:16px;margin-bottom:10px;padding:16px 10px}.sd-result-good{color:#0e4a29;background:#e2f1e7}.sd-result-bad{color:#7a2606;background:#f9e7de}.sd-result h4{margin:6px 0;font-size:17px}.sd-viewfinder{aspect-ratio:1;color:#c9ccd2;text-align:center;background:#1a1c20;border-radius:16px;place-items:center;margin-bottom:10px;padding:12px;font-size:13px;display:grid;position:relative;overflow:hidden}.sd-viewfinder:before{content:"";border:3px solid #ffffffd9;border-radius:12px;position:absolute;inset:18%}.sd-scanline{background:#4cc27f;height:2px;animation:1.4s ease-in-out infinite alternate sd-scan;position:absolute;top:50%;left:18%;right:18%}@keyframes sd-scan{0%{top:20%}to{top:80%}}.sd-stage{aspect-ratio:16/9;box-sizing:border-box;border-radius:var(--radius-lg,16px);color:#f3eef5;color-scheme:dark;min-height:auto;box-shadow:var(--shadow-lg,none);background:#17111c;flex-direction:column;gap:10px;padding:clamp(14px,3vw,28px);display:flex;overflow:visible}.sd-stage .sd-surface-title{font-family:var(--font-display,system-ui);color:#ecede9;opacity:1;margin:0;font-size:clamp(1.1rem,.8rem + 1.2vw,1.6rem);line-height:1.15}@media (prefers-reduced-motion:no-preference){.sd-stage-q{animation:sd-q-in var(--dur-base,.24s) var(--ease-enter,ease-out);display:block}@keyframes sd-q-in{0%{translate:0 6px}to{translate:0}}}.sd-stage-foot .sd-qr{margin:0 auto 4px}.sd-stage .sd-barrow{grid-template-columns:minmax(6rem,10rem) 1fr 4.5rem}.sd-stage .sd-bartrack{background:#2a2f37;height:1.1rem}.sd-stage .sd-barfill{background:#ed415f}.sd-stage-foot{color:#a9aeb7;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;font-size:.9rem;display:flex}.sd-stage-big{font-family:var(--font-display,system-ui);color:#ecede9;font-size:clamp(2rem,1.2rem + 3vw,3.5rem);font-weight:700;line-height:1}.sd-control{border:1px solid var(--line,#ece5ef);border-radius:var(--radius-lg,16px);background:var(--surface,#fff);padding:var(--space-4,16px);font-size:var(--text-body-s,.9375rem)}.sd-control .sd-surface-title{font-size:var(--text-h4,1.125rem);margin:0 0 var(--space-3,12px)}.sd-control h4{font-size:var(--text-label,.875rem);margin:var(--space-4,16px) 0 var(--space-2,8px)}.sd-control label{font-size:var(--text-label,.875rem);font-weight:600}.sd-control input[type=text],.sd-control input[type=time],.sd-control select,.sd-control textarea,.sd-control input[type=number]{box-sizing:border-box;border:1px solid var(--input-border,#8e8496);border-radius:var(--radius-sm,8px);width:100%;min-height:40px;font:inherit;background:var(--surface,#fff);color:var(--fg,#1b1221);padding:6px 10px}.sd-ctl-row{justify-content:space-between;align-items:center;gap:var(--space-3,12px);padding:var(--space-2,8px) 0;border-bottom:1px solid var(--line,#ece5ef);display:flex}.sd-ctl-row:last-child{border-bottom:0}.sd-ctl-row>:first-child{min-width:0}.sd-note{font-size:var(--text-caption,.8125rem);color:var(--muted,#5b5363);margin:var(--space-1,4px) 0 0}.sd-table-wrap{margin-top:var(--space-2,8px);position:relative;overflow-x:auto}.sd-table{border-collapse:collapse;width:100%;font-size:var(--text-caption,.8125rem)}.sd-table th,.sd-table td{text-align:left;border-bottom:1px solid var(--line,#ece5ef);vertical-align:top;padding:6px 8px}.sd-table th{color:var(--muted,#5b5363);font-weight:600}.sd-table tr.is-you td{font-weight:700}.sd-chip{font-size:var(--text-micro,.75rem);border:1px solid var(--line,#ece5ef);background:var(--sunken,#f5f1f7);color:var(--fg,#1b1221);border-radius:999px;padding:2px 8px;font-weight:600;display:inline-block}.sd-chip-quiet{color:var(--muted,#5b5363);background:0 0;font-weight:500}.sd-chip-good{background:var(--good-soft,#e2f1e7);color:var(--good,#17703f);border-color:#0000}.sd-chip-bad{background:var(--bad-soft,#f9e7de);color:var(--bad,#b33a0b);border-color:#0000}.sd-chip-warn{background:var(--warn-soft,#f7edd5);color:var(--warn,#8a5a00);border-color:#0000}.sd-qrgrid{gap:var(--space-2,8px);grid-template-columns:repeat(auto-fill,minmax(118px,1fr));display:grid}.sd-qrcard{border:1px solid var(--line,#ece5ef);border-radius:var(--radius-md,12px);background:var(--surface,#fff);font:inherit;font-size:var(--text-caption,.8125rem);color:var(--fg,#1b1221);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.sd-qrcard:disabled{opacity:.5;cursor:not-allowed}.sd-qr{border-radius:4px;display:block}.sd-btn{border:1px solid var(--input-border,#8e8496);background:var(--surface,#fff);min-height:40px;color:var(--fg,#1b1221);font:inherit;cursor:pointer;border-radius:999px;padding:0 16px;font-weight:600}.sd-btn-primary{color:#fff;background:#420052;border-color:#420052}:root[data-theme=dark] .sd-btn-primary{color:#1b1221;background:#c59ad8;border-color:#c59ad8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sd-btn-primary{color:#1b1221;background:#c59ad8;border-color:#c59ad8}}.sd-btn-quiet{border-color:var(--line,#ece5ef);background:0 0}.sd-btn-sm{min-height:32px;font-size:var(--text-caption,.8125rem);padding:0 10px}.sd-btn:disabled{opacity:.5;cursor:not-allowed}.sd-btnrow{gap:var(--space-2,8px);flex-wrap:wrap;display:flex}.sd-switch{min-height:32px;font:inherit;font-size:var(--text-caption,.8125rem);cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}.sd-switch-track{width:38px;height:22px;transition:background var(--dur-fast,.12s);background:#a6aaa2;border-radius:999px;flex:none;position:relative}.sd-switch-thumb{width:16px;height:16px;transition:transform var(--dur-fast,.12s);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.sd-switch.is-on .sd-switch-track{background:var(--good,#17703f)}.sd-switch.is-on .sd-switch-thumb{transform:translate(16px)}.sd-switch:disabled{opacity:.5;cursor:not-allowed}.sd-clock{gap:var(--space-2,8px);flex-wrap:wrap;flex:320px;align-items:flex-end;display:flex}.sd-clock-label{font-size:var(--text-label,.875rem);flex:220px;grid-template-rows:auto auto;grid-template-columns:auto auto;gap:2px 10px;font-weight:600;display:grid}.sd-clock-label input{accent-color:#420052;grid-column:1/-1;width:100%;min-height:28px}.sd-clock-out{justify-self:end;font-size:1rem}.sd-clock-marks{flex-wrap:wrap;gap:4px;display:flex}.sd-barrow{grid-template-columns:minmax(5rem,8rem) 1fr 4rem;align-items:center;gap:8px;margin:6px 0;font-size:13px;display:grid}.sd-barrow.is-mine .sd-barrow-label{font-weight:700}.sd-bartrack{background:#e6e8e3;border-radius:999px;height:.8rem;display:block;overflow:hidden}.sd-barfill{background:var(--sd-app-accent,var(--accent,#b3122e));border-radius:inherit;height:100%;transition:width var(--dur-reconfigure,.42s) var(--ease-standard,ease);display:block}.sd-barrow-pct{text-align:right}.sd-shell :is(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus,#0b7480);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sd-shell *,.sd-shell :before,.sd-shell :after{transition:none!important;animation:none!important}}@media (width<=420px){.sd-phone{border-radius:40px;padding:8px}.sd-screen{border-radius:32px;height:600px}.sd-surface-phone{flex-basis:100%}.sd-barrow{grid-template-columns:1fr 3.5rem}.sd-barrow .sd-bartrack{grid-area:2/1/auto/-1}.sd-stage{aspect-ratio:auto}}.sd-shell :is(button,input,select,textarea,[tabindex],summary){scroll-margin-block:7rem}@media (width<=720px){.demo-frame{padding-bottom:5rem}}