:root{--apple-bg:#f5f5f7;--apple-card:rgba(255,255,255,0.62);--apple-card-strong:rgba(255,255,255,0.74);--apple-text:#255fb2;--apple-subtle:rgba(37,95,178,0.72);--apple-border:rgba(255,255,255,0.55);--apple-border-strong:rgba(255,255,255,0.78);--apple-accent:#0071e3;--apple-radius-xl:24px;--apple-radius-lg:20px;--apple-radius-md:16px;--apple-shadow-card:0 1px 0 rgba(255,255,255,0.7) inset,0 -1px 0 rgba(255,255,255,0.18) inset,0 10px 30px rgba(15,15,20,0.12),0 2px 8px rgba(15,15,20,0.06);--apple-shadow-soft:0 1px 0 rgba(255,255,255,0.55) inset,0 14px 34px rgba(15,15,20,0.16),0 3px 10px rgba(15,15,20,0.08);--apple-ring:0 0 0 4px rgba(0,113,227,0.25);--apple-glass-blur:18px}@media (prefers-color-scheme:dark){:root{--apple-bg:#f5f5f7;--apple-card:rgba(255,255,255,0.62);--apple-card-strong:rgba(255,255,255,0.74);--apple-text:#255fb2;--apple-subtle:rgba(37,95,178,0.72);--apple-border:rgba(255,255,255,0.55);--apple-border-strong:rgba(255,255,255,0.78);--apple-accent:#0071e3}}.apple-liquid-bg{position:relative;background:radial-gradient(1200px 900px at 14% 8%,rgba(0,113,227,.14),rgba(245,245,247,0) 60%),radial-gradient(900px 700px at 86% 14%,rgba(88,86,214,.1),rgba(245,245,247,0) 58%),radial-gradient(1100px 900px at 72% 92%,rgba(255,45,85,.07),rgba(245,245,247,0) 62%),linear-gradient(180deg,#f7f7f9,#f2f3f6 55%,#f6f6f8);text-shadow:0 .6px 0 rgba(255,255,255,.35)}.apple-liquid-bg:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background-image:radial-gradient(rgba(0,0,0,.25) .55px,transparent .6px);background-size:4px 4px}.apple-glass{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.52));border:1px solid var(--apple-border);box-shadow:var(--apple-shadow-card);backdrop-filter:blur(var(--apple-glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--apple-glass-blur)) saturate(180%)}.apple-outline{--apple-outline:rgba(0,113,227,0.55);--apple-outline-glow:rgba(0,113,227,0.10)}.apple-glass.apple-outline{border-color:var(--apple-outline);border-width:2px;box-shadow:var(--apple-shadow-card),inset 0 0 0 6px var(--apple-outline-glow)}.apple-glass:before{background:radial-gradient(900px 420px at 22% 10%,rgba(255,255,255,.92),rgba(255,255,255,0) 55%),radial-gradient(700px 380px at 92% 0,rgba(255,255,255,.55),rgba(255,255,255,0) 55%);opacity:.65}.apple-glass:after,.apple-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.apple-glass:after{background:radial-gradient(900px 600px at 80% 100%,rgba(0,113,227,.1),rgba(0,0,0,0) 60%);opacity:.55}.apple-glass>*{position:relative;z-index:1}.apple-choice-glass{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.48));backdrop-filter:blur(calc(var(--apple-glass-blur) - 4px)) saturate(175%);-webkit-backdrop-filter:blur(calc(var(--apple-glass-blur) - 4px)) saturate(175%)}.apple-pill{background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.62));border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 20px rgba(15,15,20,.1);backdrop-filter:blur(calc(var(--apple-glass-blur) - 6px)) saturate(170%);-webkit-backdrop-filter:blur(calc(var(--apple-glass-blur) - 6px)) saturate(170%)}.apple-pill--selected{background:linear-gradient(180deg,rgba(0,113,227,.16),rgba(0,113,227,.08));border-color:rgba(0,113,227,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 14px 28px rgba(0,113,227,.1)}.apple-range{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(0,0,0,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(0,0,0,.08),0 10px 20px rgba(15,15,20,.1);outline:none;--range-fill:0%}.apple-range::-webkit-slider-runnable-track{background-size:var(--range-fill) 100%,100% 100%;height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(0,113,227,.7),rgba(0,113,227,.25)) no-repeat,linear-gradient(180deg,rgba(255,255,255,.55),rgba(0,0,0,.1));background-size:var(--range-fill,0) 100%,100% 100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(0,0,0,.08)}.apple-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-7px;border-radius:999px;border:1px solid rgba(255,255,255,.78);background:radial-gradient(circle at 28% 28%,rgba(255,255,255,.98) 0,rgba(255,255,255,.62) 35%,rgba(0,0,0,.12) 100%),radial-gradient(circle at 60% 70%,rgba(0,113,227,.12),rgba(0,0,0,0) 55%);box-shadow:0 10px 22px rgba(15,15,20,.2),0 2px 10px rgba(15,15,20,.12),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -4px 10px rgba(0,0,0,.18)}.apple-range::-moz-range-track{height:12px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(0,0,0,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(0,0,0,.08)}.apple-range::-moz-range-progress{height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(0,113,227,.7),rgba(0,113,227,.25))}.apple-range::-moz-range-thumb{width:26px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.78);background:radial-gradient(circle at 28% 28%,rgba(255,255,255,.98) 0,rgba(255,255,255,.62) 35%,rgba(0,0,0,.12) 100%),radial-gradient(circle at 60% 70%,rgba(0,113,227,.12),rgba(0,0,0,0) 55%);box-shadow:0 10px 22px rgba(15,15,20,.2),0 2px 10px rgba(15,15,20,.12),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -4px 10px rgba(0,0,0,.18)}.apple-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent}.apple-scroll::-webkit-scrollbar{width:10px}.apple-blue-panel{border-width:2px;border-color:rgba(0,113,227,.22);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.36) 45%,rgba(255,255,255,.22))}.apple-blue-panel--selected,.apple-blue-panel:hover{border-color:rgba(0,113,227,.55);background:linear-gradient(135deg,rgba(0,113,227,.22),rgba(0,113,227,.12))}.apple-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:999px;border:3px solid transparent;background-clip:padding-box}.apple-scroll::-webkit-scrollbar-track{background:transparent}