/* Project geometry informed by Apple HIG. These values are NOT Apple-mandated constants. */
html.ios20 {
 --ios-r-icon:10px; --ios-r-compact:14px; --ios-r-control:18px;
 --ios-r-card:22px; --ios-r-sheet:26px; --ios-r-pill:999px;
 --ios-r-segment:18px; --ios-segment-inset:4px; --ios-r-selection:calc(var(--ios-r-segment) - var(--ios-segment-inset));
 --ios-space-1:4px; --ios-space-2:8px; --ios-space-3:12px; --ios-space-4:16px; --ios-space-5:20px; --ios-space-6:24px;
 --ios-font:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Segoe UI','Microsoft YaHei',system-ui,sans-serif;
 --ios-body:15px; --ios-label:15px; --ios-value:16px; --ios-title:20px; --ios-section:17px; --ios-meta:12px;
 --ios-app:#09131f; --ios-surface:#142338; --ios-card:#18283c; --ios-field:#1d3046;
 --ios-glass:rgba(22,38,58,.93); --ios-line:rgba(161,187,217,.19); --ios-line-strong:rgba(171,199,230,.32);
 --ios-text:#edf3fb; --ios-secondary:#b4c3d7; --ios-muted:#a3b5cc; --ios-accent:#3993ff; --ios-selected:#244467;
 --ios-danger:#ff9ca7; --ios-success:#73d5b1; --ios-focus:#a7d2ff; --ios-hit:44px;
 --ios-shadow:0 12px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(222,238,255,.045);
 --ios-hairline:1px; --ios-fast:120ms; --ios-page:180ms; --ios-ease:cubic-bezier(.2,.75,.25,1);
 color-scheme:dark; accent-color:var(--ios-accent);
}
@media(min-resolution:2dppx){html.ios20{--ios-hairline:.5px}}
@media(prefers-contrast:more){html.ios20{--ios-line:#8298b4;--ios-line-strong:#a2bada;--ios-secondary:#e0eafa;--ios-muted:#d4e0ef;--ios-hairline:1px}}
@media(prefers-reduced-transparency:reduce){html.ios20{--ios-glass:var(--ios-surface)}}
/* Fixed, capsule, and concentric geometry, with round fallback on older engines. */
html.ios20 [data-ios-shape=icon]{--ios-radius:var(--ios-r-icon)}
html.ios20 [data-ios-shape=compact]{--ios-radius:var(--ios-r-compact)}
html.ios20 [data-ios-shape=control]{--ios-radius:var(--ios-r-control)}
html.ios20 [data-ios-shape=card]{--ios-radius:var(--ios-r-card)}
html.ios20 [data-ios-shape=sheet]{--ios-radius:var(--ios-r-sheet)}
html.ios20 [data-ios-shape=pill]{--ios-radius:var(--ios-r-pill)}
html.ios20 [data-ios-shape=segment]{--ios-radius:var(--ios-r-segment)}
html.ios20 [data-ios-shape=selection]{--ios-radius:var(--ios-r-selection)}