.demo[data-astro-cid-cjoa3qln]{--blue: #2f6feb;--tint: rgba(47, 111, 235, .15);--edge: rgba(47, 111, 235, .5);--secondary: rgba(0, 0, 0, .6);width:100%;max-width:460px;margin-inline:auto}@media(min-width:1024px){.demo[data-astro-cid-cjoa3qln]{zoom:1.08}}[data-astro-cid-cjoa3qln][hidden]{display:none!important}.screen[data-astro-cid-cjoa3qln]{position:relative;height:612px;border-radius:22px;overflow:hidden;font-family:var(--font-system);color:#1d1d1f;background:radial-gradient(ellipse 70% 60% at 18% 28%,#eeddc2,#eeddc200 70%),radial-gradient(ellipse 60% 55% at 82% 18%,#cbd2dc,#cbd2dc00 70%),radial-gradient(ellipse 70% 60% at 62% 92%,#ddb896,#ddb89600 70%),linear-gradient(160deg,#e4daca,#d8cdbc);box-shadow:0 0 0 1px #1b191614,0 30px 70px -20px #3c280f59}.menubar[data-astro-cid-cjoa3qln]{position:absolute;inset:0 0 auto;height:26px;display:flex;align-items:center;gap:12px;padding:0 12px 0 14px;font-size:13px;background:#fcfaf69e;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:.5px solid rgba(0,0,0,.06);white-space:nowrap;z-index:3}.menus[data-astro-cid-cjoa3qln]{display:flex;gap:14px;margin-right:auto;overflow:hidden}.menus[data-astro-cid-cjoa3qln] .wide[data-astro-cid-cjoa3qln]{display:none}@media(min-width:480px){.menus[data-astro-cid-cjoa3qln] .wide[data-astro-cid-cjoa3qln]{display:inline}}.status-item[data-astro-cid-cjoa3qln]{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}.status-item[data-astro-cid-cjoa3qln][aria-expanded=true]{background:#0000001a}.bell-glyph[data-astro-cid-cjoa3qln]{display:inline-flex}.sys[data-astro-cid-cjoa3qln]{flex-shrink:0}.clock[data-astro-cid-cjoa3qln]{font-variant-numeric:tabular-nums}.bell-ripple[data-astro-cid-cjoa3qln]{position:absolute;top:13px;width:40px;height:40px;margin:-20px 0 0 -20px;pointer-events:none;z-index:1}.bell-ripple[data-astro-cid-cjoa3qln] .ripple-ring[data-astro-cid-cjoa3qln]{border-width:2px}.popover[data-astro-cid-cjoa3qln]{position:absolute;top:36px;left:50%;width:280px;z-index:2;transition:opacity .16s ease-out,translate .16s ease-out}.popover[data-astro-cid-cjoa3qln].is-closed{opacity:0;translate:0 -6px;pointer-events:none}.arrow[data-astro-cid-cjoa3qln],.body[data-astro-cid-cjoa3qln],.toast[data-astro-cid-cjoa3qln]{background:#f8f7f4d6;backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5)}.arrow[data-astro-cid-cjoa3qln]{position:absolute;top:-9.5px;left:129px;width:22px;height:10px;clip-path:polygon(50% 0,100% 100%,0 100%)}.body[data-astro-cid-cjoa3qln]{padding:20px;border-radius:11px;box-shadow:0 0 0 .5px #00000024,0 18px 50px #281e0f47,0 4px 12px #281e0f1f}.view[data-astro-cid-cjoa3qln]{display:flex;flex-direction:column;gap:14px}.field-block[data-astro-cid-cjoa3qln]{display:flex;flex-direction:column;gap:4px}.label[data-astro-cid-cjoa3qln]{font-size:10px;line-height:13px;color:var(--secondary)}.row[data-astro-cid-cjoa3qln]{display:flex;gap:6px}.field[data-astro-cid-cjoa3qln]{height:22px;box-sizing:border-box;width:100%;padding:0 6px;border-radius:5px;border:.5px solid rgba(0,0,0,.2);background:#fff;font:13px var(--font-system);color:#1d1d1f;outline:none}.field[data-astro-cid-cjoa3qln]::placeholder{color:#0000004d}.field[data-astro-cid-cjoa3qln]:focus{box-shadow:0 0 0 3px #2f6feb73}.minutes[data-astro-cid-cjoa3qln]{width:48px;flex-shrink:0}.chip[data-astro-cid-cjoa3qln],.segmented[data-astro-cid-cjoa3qln] button[data-astro-cid-cjoa3qln],.tile[data-astro-cid-cjoa3qln],.primary[data-astro-cid-cjoa3qln],.secondary[data-astro-cid-cjoa3qln]{font-family:var(--font-system);color:#1d1d1f;cursor:pointer;border:1px solid transparent}.chip[data-astro-cid-cjoa3qln]{flex:1;height:22px;border-radius:6px;font-size:12px;background:#8080801f}.chip[data-astro-cid-cjoa3qln]:hover{background:#80808033}.chip[data-astro-cid-cjoa3qln][aria-pressed=true]{background:var(--tint);border-color:var(--edge)}.error[data-astro-cid-cjoa3qln]{font-size:10px;color:#d70015}.segmented[data-astro-cid-cjoa3qln]{display:flex;height:22px;padding:1px;box-sizing:border-box;border-radius:6px;background:#00000012}.segmented[data-astro-cid-cjoa3qln] button[data-astro-cid-cjoa3qln]{flex:1;border-radius:5px;font-size:12px;background:transparent}.segmented[data-astro-cid-cjoa3qln] button[data-astro-cid-cjoa3qln][aria-pressed=true]{background:var(--blue);color:#fff;box-shadow:0 .5px 1.5px #0003}.grid[data-astro-cid-cjoa3qln]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tile[data-astro-cid-cjoa3qln]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:57px;border-radius:8px;border-color:#80808038;background:transparent;transition:background-color .12s ease-out}.tile[data-astro-cid-cjoa3qln]:hover{background:#80808014}.tile[data-astro-cid-cjoa3qln]:active{background:#2f6feb38}.tile[data-astro-cid-cjoa3qln][aria-pressed=true]{background:var(--tint);border-color:var(--edge)}.tile-icon[data-astro-cid-cjoa3qln]{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:28px}.check[data-astro-cid-cjoa3qln]{position:absolute;right:-1px;top:-2px;color:var(--blue);display:none}.tile[data-astro-cid-cjoa3qln][aria-pressed=true] .check[data-astro-cid-cjoa3qln]{display:block}.tile-name[data-astro-cid-cjoa3qln]{font-size:11px;line-height:13px;white-space:nowrap}.hint[data-astro-cid-cjoa3qln]{font-size:10px;line-height:13px;color:var(--secondary)}.volume[data-astro-cid-cjoa3qln]{display:flex;align-items:center;gap:6px;color:var(--secondary);margin-top:2px}.volume[data-astro-cid-cjoa3qln] input[data-astro-cid-cjoa3qln]{flex:1;height:16px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;--fill: 80%}.volume[data-astro-cid-cjoa3qln] input[data-astro-cid-cjoa3qln]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--blue) var(--fill),rgba(0,0,0,.12) var(--fill))}.volume[data-astro-cid-cjoa3qln] input[data-astro-cid-cjoa3qln]::-moz-range-track{height:4px;border-radius:2px;background:#0000001f}.volume[data-astro-cid-cjoa3qln] input[data-astro-cid-cjoa3qln]::-moz-range-progress{height:4px;border-radius:2px;background:var(--blue)}.volume[data-astro-cid-cjoa3qln] input[data-astro-cid-cjoa3qln]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-4.5px;border-radius:50%;background:#fff;box-shadow:0 .5px 2px #00000059}.volume[data-astro-cid-cjoa3qln] input[data-astro-cid-cjoa3qln]::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#fff;box-shadow:0 .5px 2px #00000059}.primary[data-astro-cid-cjoa3qln],.secondary[data-astro-cid-cjoa3qln]{height:28px;border-radius:7px;font-size:13px;width:100%}.primary[data-astro-cid-cjoa3qln]{background:var(--blue);color:#fff;font-weight:500;box-shadow:0 .5px 1.5px #00000040}.primary[data-astro-cid-cjoa3qln]:hover{background:#2a63d6}.primary[data-astro-cid-cjoa3qln]:active{background:#2458c4}.primary[data-astro-cid-cjoa3qln]:disabled{opacity:.45;cursor:not-allowed}.secondary[data-astro-cid-cjoa3qln]{background:#fff;box-shadow:0 0 0 .5px #00000026,0 .5px 1.5px #00000026}.secondary[data-astro-cid-cjoa3qln]:active{background:#eee}.running[data-astro-cid-cjoa3qln]{align-items:center;gap:16px}.run-task[data-astro-cid-cjoa3qln]{min-height:17px;font-size:14px;font-weight:500;color:var(--secondary);text-align:center;overflow-wrap:anywhere}.dial[data-astro-cid-cjoa3qln]{position:relative;width:160px;height:160px;margin:8px 0}.dial[data-astro-cid-cjoa3qln] svg[data-astro-cid-cjoa3qln]{position:absolute;inset:0}.track[data-astro-cid-cjoa3qln]{fill:none;stroke:#80808026;stroke-width:6}.progress[data-astro-cid-cjoa3qln]{fill:none;stroke:var(--blue);stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:80px 80px;transition:opacity .2s ease-out}.is-paused[data-astro-cid-cjoa3qln] .progress[data-astro-cid-cjoa3qln]{opacity:.4}.ring-text[data-astro-cid-cjoa3qln]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.time[data-astro-cid-cjoa3qln]{font:300 36px ui-rounded,"SF Pro Rounded",var(--font-system);font-variant-numeric:tabular-nums}.status[data-astro-cid-cjoa3qln]{font-size:11px;color:var(--secondary)}.buttons[data-astro-cid-cjoa3qln]{width:100%;gap:8px}.footer[data-astro-cid-cjoa3qln]{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:10px;color:var(--secondary)}.footer-row[data-astro-cid-cjoa3qln]{display:flex;justify-content:space-between;align-items:center}.login[data-astro-cid-cjoa3qln]{display:inline-flex;align-items:center;gap:5px}.box[data-astro-cid-cjoa3qln]{width:11px;height:11px;border-radius:3px;border:.5px solid rgba(0,0,0,.3);background:#fff}.credit[data-astro-cid-cjoa3qln]{text-align:center}.credit[data-astro-cid-cjoa3qln] span[data-astro-cid-cjoa3qln]{color:var(--blue)}.toast[data-astro-cid-cjoa3qln]{position:absolute;top:38px;left:50%;translate:-50% 0;max-width:calc(100% - 24px);padding:6px 12px;border-radius:9px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 0 0 .5px #00000024,0 12px 30px #281e0f40;z-index:4}.demo-note[data-astro-cid-cjoa3qln]{margin-top:14px;text-align:center;font-size:.875rem;color:var(--color-muted);text-wrap:balance}