:root{--ios-blue:oklch(59.6% .212 258);--ios-green:oklch(74.2% .185 146);--ios-red:oklch(63.7% .234 29);--ios-orange:oklch(75.5% .176 62);--ios-yellow:oklch(85.5% .166 92);--ios-purple:oklch(59.8% .226 314);--ios-teal:oklch(78.8% .121 227);--ios-indigo:oklch(51.6% .207 285);--ios-pink:oklch(63.5% .248 13);--ios-gray:oklch(64.6% .008 286)}[data-theme=dark]{--ios-blue:oklch(68% .18 254);--ios-green:oklch(79% .19 148);--ios-red:oklch(68% .21 25);--ios-orange:oklch(79% .17 65);--ios-yellow:oklch(88% .17 95);--ios-purple:oklch(68% .2 312);--ios-teal:oklch(82% .11 227);--ios-indigo:oklch(62% .18 285);--ios-pink:oklch(68% .23 13);--ios-gray:oklch(62% .008 286)}.ios{--ios-bg:oklch(96.7% .003 286);--ios-cell:oklch(99.75% 0 0);--ios-cell-press:oklch(94.5% .003 286);--ios-field:oklch(92.5% .004 286);--ios-label:oklch(16% .004 286);--ios-label2:oklch(55.5% .012 286);--ios-label3:oklch(70% .01 286);--ios-separator:oklch(85.5% .006 286);font-feature-settings:normal;font-variant-numeric:normal;letter-spacing:-.01em;color:var(--ios-label);background:var(--ios-bg);-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter Variable,Inter,system-ui,sans-serif}[data-theme=dark] .ios{--ios-bg:oklch(15.5% .004 286);--ios-cell:oklch(22.6% .005 286);--ios-cell-press:oklch(28% .006 286);--ios-field:oklch(30% .006 286);--ios-label:oklch(98% .002 286);--ios-label2:oklch(68% .012 286);--ios-label3:oklch(52% .012 286);--ios-separator:oklch(34.5% .007 286)}.ios-back{min-height:34px;color:var(--ios-blue);align-self:flex-start;align-items:center;gap:3px;margin-left:-5px;padding:6px 6px 6px 0;font-size:17px;text-decoration:none;display:inline-flex}.ios-large-title{letter-spacing:-.022em;padding:2px 0 8px;font-size:34px;font-weight:700;line-height:1.12}.ios-search{background:var(--ios-field);height:36px;color:var(--ios-label2);border-radius:10px;align-items:center;gap:6px;margin-bottom:18px;padding:0 8px;display:flex}.ios-search input{min-width:0;font:inherit;color:var(--ios-label);background:0 0;border:0;flex:auto;padding:0;font-size:17px}.ios-search input::placeholder{color:var(--ios-label2)}.ios-search input:focus{outline:none}.ios-search-clear{color:var(--ios-label3);cursor:pointer;background:0 0;border:0;flex:none;padding:4px;font-size:17px;line-height:1}.ios-group-header{color:var(--ios-label2);padding:0 16px 7px;font-size:13px;line-height:1.25}.ios-group-footer{color:var(--ios-label2);padding:7px 16px 0;font-size:13px;line-height:1.33}.ios-group{background:var(--ios-cell);border-radius:10px;overflow:hidden}.ios-section+.ios-section{margin-top:32px}.ios-cell{min-height:44px;color:inherit;text-align:left;width:100%;letter-spacing:inherit;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:15px;padding:7px 16px;font-family:inherit;font-size:17px;text-decoration:none;display:flex;position:relative}.ios-cell:not(:last-child):after{content:"";background:var(--ios-separator);transform-origin:bottom;height:1px;position:absolute;bottom:0;left:16px;right:0;transform:scaleY(.5)}.ios-cell.has-icon:not(:last-child):after{left:60px}a.ios-cell[data-pressed],button.ios-cell[data-pressed]{background:var(--ios-cell-press)}@media (hover:hover){a.ios-cell:hover,button.ios-cell:hover{background:var(--ios-cell-press)}}.ios-icon{color:oklch(100% 0 0);background:var(--ios-gray);border-radius:7px;flex:none;place-items:center;width:29px;height:29px;display:grid}.ios-cell-text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.ios-cell-label{text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.25;overflow:hidden}.ios-cell-sub{color:var(--ios-label2);font-size:12.5px;line-height:1.25}.ios-cell-value{color:var(--ios-label2);text-align:right;flex:none;font-size:17px}.ios-cell-value.is-green{color:var(--ios-green)}.ios-cell-value.is-red{color:var(--ios-red)}.ios-cell-value.is-orange{color:var(--ios-orange)}.ios-chevron{color:var(--ios-label3);flex:none;margin-left:-4px}.ios-badge{background:var(--ios-red);color:oklch(100% 0 0);border-radius:10px;flex:none;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:13px;font-weight:600;display:grid}.ios-cell.is-action{color:var(--ios-blue)}.ios-cell.is-destructive{color:var(--ios-red)}.ios-cell:disabled{opacity:.4}.ios-switch{cursor:pointer;flex:none;width:51px;height:31px;position:relative}.ios-switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.ios-switch-track{background:var(--ios-field);border-radius:15.5px;transition:background-color .2s;position:absolute;inset:0}.ios-switch-track:after{content:"";background:oklch(100% 0 0);border-radius:50%;width:27px;height:27px;transition:transform .22s cubic-bezier(.3,.9,.4,1);position:absolute;top:2px;left:2px;box-shadow:0 3px 8px oklch(0% 0 0/.15),0 1px 1px oklch(0% 0 0/.16)}.ios-switch input:checked+.ios-switch-track{background:var(--ios-green)}.ios-switch input:checked+.ios-switch-track:after{transform:translate(20px)}.ios-switch input:focus-visible+.ios-switch-track{outline:2px solid var(--ios-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ios-switch-track,.ios-switch-track:after{transition:none}}.ios-input{width:8rem;font:inherit;color:var(--ios-blue);text-align:right;background:0 0;border:0;flex:none;min-width:0;padding:0;font-size:17px}.ios-input:focus{outline:none}.ios-input::placeholder{color:var(--ios-label3)}.ios-input.is-wide{flex:auto;width:auto}.ios-field{flex:none;align-items:baseline;gap:4px;margin-left:auto;display:inline-flex}.ios-field input{width:4.2em;min-width:0;font:inherit;font-variant-numeric:tabular-nums;color:var(--ios-blue);text-align:right;appearance:textfield;background:0 0;border:0;padding:0;font-size:17px}.ios-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ios-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ios-field input:focus{outline:none}.ios-field-unit{color:var(--ios-label2);font-size:15px}.ios-segmented{background:var(--ios-field);border-radius:9px;flex:none;padding:2px;display:inline-flex}.ios-segment{font:inherit;color:var(--ios-label);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 12px;font-size:13px;font-weight:500}.ios-segment[aria-pressed=true]{background:var(--ios-cell);font-weight:600;box-shadow:0 3px 8px oklch(0% 0 0/.12),0 1px 1px oklch(0% 0 0/.04)}.ios a:focus-visible,.ios button:focus-visible,.ios input:focus-visible{outline:2px solid var(--ios-blue);outline-offset:-2px}@media (width>=768px){.ios-list{max-width:44rem;margin-inline:auto}}
