/* iOS 26 — Human Interface Guidelines, Liquid Glass. SwiftUI TabView + NavigationStack, inset-grouped List. */
:root{--font:-apple-system,"SF Pro Text",Inter,system-ui,sans-serif;--mono:"SF Mono",ui-monospace,"JetBrains Mono",monospace;--fs:16px;--ls:-.012em;
--wall:#f2f2f7;--bg:#f2f2f7;--content-bg:#f2f2f7;--text:#000;--text2:rgba(60,60,67,.6);--text3:rgba(60,60,67,.3);--sep:rgba(60,60,67,.18);
--surface:#fff;--group-r:24px;--group-border:0;--row-sep:.5px solid rgba(60,60,67,.2);--row-pad:10px 16px;--row-h:52px;--rtitle-w:400;--rsub-fs:.82em;
--ghead-fs:15px;--ghead-w:600;--ghead-c:var(--text);--ghead-pad:0 16px 8px;--gfoot-pad:7px 16px 0;--group-gap:24px;
--btn-border:0;--btn-bg:rgba(120,120,128,.12);--btn-fg:var(--accent);--btn-r:999px;--btn-px:16px;--btn-h:36px;--btn-h-sm:30px;--btn-px-sm:12px;--btn-w:600;--btn-h-wide:52px;
--sw-w:58px;--sw-h:30px;--knob:26px;--sw-off:rgba(120,120,128,.16);--knob-shadow:0 2px 6px rgba(0,0,0,.18);
--seg-bg:rgba(120,120,128,.12);--seg-r:999px;--segi-r:999px;--segi-sel-bg:#fff;--segi-sel-shadow:0 2px 6px rgba(0,0,0,.12);--segi-pad:6px 0;
--chip-border:0;--chip-bg:rgba(120,120,128,.12);--chip-h:32px;--chip-sel-bg:var(--accent);--chip-sel-fg:#fff;
--search-h:40px;--search-r:999px;--search-bg:rgba(120,120,128,.12);
--dd-border:0;--dd-bg:transparent;--dd-h:30px;
--tf-h:50px;--tf-r:14px;--tf-border:0;--tf-bg:#fff;--tf-focus-border:0;--tf-focus-shadow:0 0 0 2px var(--accent);--tf-lfs:13px;--tf-lc:var(--text2);--tf-px:16px;
--cb:22px;--cb-border:1.5px solid rgba(60,60,67,.3);--cb-r:50%;
--scrim:rgba(0,0,0,.22);--dlg-bg:rgba(255,255,255,.88);--dlg-r:34px;--dlg-pad:22px 20px 18px;--dlg-w:310px;--dlgt-fs:17px;--dlgt-ta:center;--dlga-j:stretch;--dlga-mt:16px;--dlgic:30px;
--toast-bg:rgba(255,255,255,.85);--toast-fg:#000;--toast-r:999px;--toast-b:108px;--tact-fg:var(--accent);
--mbar-bg:rgba(120,120,128,.16);--mbar-h:7px;--secret-bg:rgba(120,120,128,.08);--tile-r:24px;--tile-cols:2;--tile-gap:12px;--appic-r:8px;--appic-rbig:13px;--tile-bg:#fff;--tile-border:0;
--dtitle-fs:22px;--dtitle-w:700;--banner-r:20px;--sechead-fs:20px;--sechead-w:700;--av:40px;--badge-fs:12px}
.phone{width:100vw;height:100vh;position:relative;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}
.status{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 32px 0 40px;font-weight:600;font-size:17px}
.sicons{display:flex;gap:6px;align-items:center}
.sicons i{display:block;background:#000;border-radius:2px}
.navbar{height:52px;flex:none;display:flex;align-items:center;gap:8px;padding:0 16px}
.navbar .nbtitle{flex:1;text-align:center;font-weight:600;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gbtn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.75);box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.08);color:var(--text);backdrop-filter:blur(20px)}
.gbtn .ic{width:20px;height:20px}
.gbtn.wide{width:auto;padding:0 14px 0 8px;border-radius:22px;display:flex;gap:2px;font-size:16px}
.gbtn.ghost{visibility:hidden}
.largetitle{font-size:34px;font-weight:700;padding:2px 20px 10px;letter-spacing:.005em}
.mcontent{flex:1;overflow:hidden;padding:4px 16px 130px;position:relative}
.tabbar{position:absolute;left:16px;right:16px;bottom:30px;height:64px;border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(24px);box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 10px 30px rgba(0,0,0,.12);display:flex;align-items:center;padding:4px;z-index:4}
.tabi{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10px;font-weight:600;color:var(--text);height:56px;justify-content:center;border-radius:999px}
.tabi .ic{width:24px;height:24px}
.tabi.sel{color:var(--accent);background:rgba(120,120,128,.12)}
.homeind{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:140px;height:5px;border-radius:3px;background:#000;z-index:5}
.row{margin:0}
.row .trail .btn.sm{background:transparent;padding:0;color:var(--accent);font-weight:400}
.btn.secondary{color:var(--accent)}
.btn.primary{color:var(--on-accent)}
.seg{display:flex;margin:0 0 18px}.segi{flex:1;text-align:center;font-weight:500}
.dd{color:var(--text2);padding:0}
.search{margin:0 0 14px}
.chips{flex-wrap:nowrap;overflow:hidden}
.dhead{margin:4px 4px 16px}
.dlg{backdrop-filter:blur(30px);text-align:center}
.dlgb .tf label{display:none}.dlgb .tfin{background:rgba(120,120,128,.12);height:40px;border-radius:12px;font-size:15px}
.dlgb .tfh{text-align:left;padding-left:6px}
.dlga{flex-direction:row}.dlga .btn{flex:1;height:48px;font-size:17px}
.dlga .btn.secondary{background:rgba(120,120,128,.14);color:var(--text)}
.dlga .btn.destructive{background:var(--danger)}
.dlgic{color:var(--accent)}
.toast{backdrop-filter:blur(20px);box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.14);font-weight:500}
.tile{padding:18px 12px 16px}
.thelp{font-size:12px}
.banner{font-size:15px;background:var(--surface)!important;box-shadow:none}
.profilehead{flex-direction:column;text-align:center;gap:8px;margin-bottom:24px}
.profilehead .av{--av:84px;font-size:1.8em}
.plancard{flex-direction:column;align-items:stretch;border-radius:24px}
.plancard .dact{justify-content:stretch}.plancard .dact .btn{flex:1}
.paths{padding-left:16px}
.auth{width:100%;padding:30px 12px 0}
.authwrap{align-items:flex-start}
.auth .tf label{display:none}
.auth .tfin{background:var(--tf-bg)}
.fab{display:none}
.mcontent .meters{padding:6px 16px 4px}
.dark{--wall:#000;--bg:#000;--content-bg:#000;--text:#fff;--text2:rgba(235,235,245,.6);--text3:rgba(235,235,245,.3);--sep:rgba(84,84,88,.6);--surface:#1c1c1e;--tile-bg:#1c1c1e;
--row-sep:.5px solid rgba(84,84,88,.6);--btn-bg:rgba(118,118,128,.24);--sw-off:rgba(120,120,128,.32);--seg-bg:rgba(118,118,128,.24);--segi-sel-bg:#636366;--chip-bg:rgba(118,118,128,.24);
--search-bg:rgba(118,118,128,.24);--tf-bg:#1c1c1e;--mbar-bg:rgba(120,120,128,.32);--dlg-bg:rgba(44,44,46,.9);--toast-bg:rgba(44,44,46,.88);--toast-fg:#fff}
.dark .gbtn{background:rgba(60,60,64,.7);box-shadow:0 0 0 .5px rgba(255,255,255,.08)}
.dark .tabbar{background:rgba(40,40,44,.78);box-shadow:0 0 0 .5px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.5)}
.dark .sicons i,.dark .homeind{background:#fff}
.dark .banner{background:#1c1c1e!important}
.trail .seg{width:190px;margin:0}
