:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, sans-serif;--bg:#f2f2f7;--bg-elev:#fff;--bg-fill:#7878801f;--bg-fill-2:#78788033;--label:#000;--label-2:#3c3c4399;--label-3:#3c3c434d;--sep:#3c3c434a;--tint:#007aff;--green:#34c759;--orange:#ff9500;--red:#ff3b30;--indigo:#5856d6;--teal:#30b0c7;--pink:#ff2d55;--glass:#f9f9f9b8;--glass-border:#ffffff80;--scrim:#00000059;--shadow:0 8px 30px #0000002e;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.32,.72,0,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--bg-elev:#1c1c1e;--bg-fill:#7878803d;--bg-fill-2:#7878805c;--label:#fff;--label-2:#ebebf599;--label-3:#ebebf54d;--sep:#545458a6;--tint:#0a84ff;--green:#30d158;--orange:#ff9f0a;--red:#ff453a;--indigo:#5e5ce6;--teal:#40c8e0;--pink:#ff375f;--glass:#1e1e1eb3;--glass-border:#ffffff1f;--scrim:#0000008c}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--label);font:17px/1.3 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--tint);text-decoration:none}svg.ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em;width:1em;height:1em}.glass{background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(24px);backdrop-filter:saturate(180%)blur(24px);border:.5px solid var(--glass-border)}.page{max-width:720px;padding:calc(var(--sat) + 12px) 16px calc(var(--sab) + 32px);margin:0 auto}.nav{justify-content:space-between;align-items:center;height:44px;display:flex}.large-title{letter-spacing:.37px;margin:4px 0 12px;font-size:34px;font-weight:700;line-height:41px}.footnote{color:var(--label-2);margin:8px 16px 0;font-size:13px}.section-title{text-transform:uppercase;letter-spacing:-.08px;color:var(--label-2);margin:28px 16px 7px;font-size:13px}.group{background:var(--bg-elev);border-radius:12px;overflow:hidden}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 16px;display:flex;position:relative}.row+.row:before{content:"";background:var(--sep);height:.5px;position:absolute;top:0;left:16px;right:0}.row.icon-row{padding-left:16px}.row .grow{flex:1;min-width:0}.row .title{display:block}.row .sub{color:var(--label-2);margin-top:1px;font-size:13px;display:block}.row .detail{color:var(--label-2)}.row .chev{color:var(--label-3);font-size:14px}button.row:active,a.row:active{background:var(--bg-fill)}a.row{color:inherit}.tile{color:#fff;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.thumb{object-fit:contain;border:.5px solid var(--sep);background:#fff;border-radius:6px;flex:none;width:56px;height:44px}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.card{background:var(--bg-elev);text-align:left;border-radius:14px;width:100%;display:block;overflow:hidden}.card:active{transition:transform .15s var(--ease);transform:scale(.98)}.card .img{aspect-ratio:4/3;background:#fff;place-items:center;padding:8px;display:grid;overflow:hidden}.card .img img{object-fit:contain;width:100%;height:100%}.card .meta{padding:10px 12px 12px}.card .meta b{font-size:15px;font-weight:600;display:block}.card .meta span{color:var(--label-2);font-size:13px}.btn{background:var(--tint);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:50px;padding:0 20px;font-weight:600;display:inline-flex}.btn:active{opacity:.7}.btn.secondary{background:var(--bg-fill);color:var(--tint)}.btn.block{width:100%}.pill{border-radius:17px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.round{width:44px;height:44px;color:var(--label);border-radius:22px;place-items:center;font-size:22px;display:grid}.round:active{transition:transform .12s var(--ease);transform:scale(.92)}.round.on{background:var(--tint);color:#fff;border-color:#0000}.seg{background:var(--bg-fill);border-radius:9px;gap:2px;padding:2px;display:flex}.seg button{border-radius:7px;flex:1;height:28px;font-size:13px;font-weight:500}.seg button[aria-pressed=true]{background:var(--bg-elev);font-weight:600;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}@media (prefers-color-scheme:dark){.seg button[aria-pressed=true]{background:#636366}}.switch{flex:none;width:51px;height:31px;position:relative}.switch input{appearance:none;background:var(--bg-fill-2);width:51px;height:31px;transition:background .25s var(--ease);cursor:pointer;border-radius:16px;margin:0}.switch input:after{content:"";width:27px;height:27px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.switch input:checked{background:var(--green)}.switch input:checked:after{transform:translate(20px)}input[type=range]{appearance:none;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--bg-fill-2);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--bg-fill-2);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:28px;height:28px;margin-top:-12px;box-shadow:0 3px 8px #0003,0 1px 1px #0003}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 3px 8px #0003}.field{text-align:right;width:84px;color:var(--tint);-moz-appearance:textfield;background:0 0;border:0;outline:none;padding:4px 0}.field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}select.field{direction:rtl;width:auto}.swatches{gap:14px;display:flex}.swatches button{border:2px solid var(--bg-elev);width:30px;height:30px;box-shadow:0 0 0 1.5px var(--label-3);border-radius:50%}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--tint)}.scrim{background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);z-index:40;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.sheet{z-index:41;background:var(--bg);max-width:720px;max-height:82vh;transition:transform .42s var(--ease);padding-bottom:var(--sab);box-shadow:var(--shadow);border-radius:14px 14px 0 0;flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%)}.sheet.open{transform:none}.sheet .grab{background:var(--label-3);border-radius:3px;flex:none;width:36px;height:5px;margin:6px auto 0}.sheet header{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 16px;display:grid}.sheet header h2{margin:0;font-size:17px;font-weight:600}.sheet header .done{color:var(--tint);justify-self:end;font-weight:600}.sheet .body{-webkit-overflow-scrolling:touch;padding:4px 16px 16px;overflow:auto}.sheet .body>*+*{margin-top:16px}.toast{left:50%;top:calc(var(--sat) + 10px);z-index:60;transition:transform .45s var(--ease);text-align:center;border-radius:20px;max-width:90vw;padding:10px 16px;font-size:14px;font-weight:500;position:fixed;transform:translate(-50%,-150%)}.toast.show{transform:translate(-50%)}
