/* The 2.0 shell as drawn in design/current/v2.0-review.html (round two, flattened on 2026-10-03).
   Generated from that board's own device CSS, every selector scoped under .phone,
   so the renders on the page match the app drawings value for value. */

.phone{position:relative;width:393px;height:852px;border-radius:54px;background:#000;box-shadow:0 40px 70px -28px rgba(28,26,23,.6),0 0 0 2px #2A2724}
.phone .pf{position:absolute;inset:9px;border-radius:46px;overflow:hidden;background:var(--page-solid);color:var(--fg);font-family:'Hanken Grotesk',system-ui,sans-serif}
.phone .island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:118px;height:33px;border-radius:20px;background:#000;z-index:90}
.phone .hind{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:138px;height:5px;border-radius:99px;background:var(--fg);opacity:.9;z-index:95}
.t-dark{--fg:#F7F3EC;--page-solid:#14110D;--wash:radial-gradient(130% 60% at 50% -12%,#2E2219 0%,#17130F 52%,#100D0A 100%);--sheet:rgba(28,23,18,.84);
  --muted:rgba(247,243,236,.62);--faint:rgba(247,243,236,.36);--hair:rgba(247,243,236,.09);--band:rgba(95,191,142,.12);--dots:rgba(247,243,236,.075);
  --coral:#FF7E5C;--coral-btn:#D14010;--green:#5FBF8E;--gold:#E0A93D;
  --g-fill:rgba(42,34,27,.50);--g-on:rgba(247,243,236,.15);--g-stroke:rgba(255,255,255,.12);--g-hi:rgba(255,255,255,.14);--g-shadow:0 10px 30px rgba(0,0,0,.32);
  --c-fill:rgba(255,255,255,.055);--c-stroke:rgba(255,255,255,.09);--c-hi:rgba(255,255,255,.07);--c-shadow:0 8px 24px rgba(0,0,0,.18);
  --gs-fill:rgba(247,243,236,.07);--dim:rgba(8,6,4,.5);--amb1:rgba(209,64,16,.30);--amb2:rgba(224,169,61,.12);--mark-bg:#14110D}
.t-light{--fg:#1C1A17;--page-solid:#FBF8F2;--wash:linear-gradient(#FBF8F2,#F7F2EA);--sheet:rgba(255,255,255,.86);
  --muted:rgba(28,26,23,.60);--faint:rgba(28,26,23,.34);--hair:rgba(28,26,23,.08);--band:rgba(47,125,91,.10);--dots:rgba(28,26,23,.10);
  --coral:#D14010;--coral-btn:#D14010;--green:#2F7D5B;--gold:#B9821B;
  --g-fill:rgba(255,255,255,.60);--g-on:rgba(28,26,23,.07);--g-stroke:rgba(28,26,23,.07);--g-hi:rgba(255,255,255,.95);--g-shadow:0 8px 26px rgba(28,26,23,.10);
  --c-fill:rgba(255,255,255,.62);--c-stroke:rgba(28,26,23,.06);--c-hi:rgba(255,255,255,.9);--c-shadow:0 6px 22px rgba(28,26,23,.06);
  --gs-fill:rgba(28,26,23,.045);--dim:rgba(28,26,23,.22);--amb1:rgba(209,64,16,.11);--amb2:rgba(185,130,27,.10);--mark-bg:#FBF8F2}
.phone .bg{position:absolute;inset:0;background:var(--page-solid);z-index:0;overflow:hidden}
.phone .glass{background:var(--g-fill);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border:.5px solid var(--g-stroke);box-shadow:inset 0 1px 0 var(--g-hi),var(--g-shadow)}
.phone .glass-soft{background:var(--gs-fill);border:.5px solid var(--hair)}
.phone .glass-card,.phone .grp{background:var(--c-fill);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:.5px solid var(--c-stroke);box-shadow:inset 0 1px 0 var(--c-hi),var(--c-shadow);border-radius:22px}
.phone .sb{position:absolute;top:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:4px 30px 0 34px;z-index:80;color:var(--fg);font:600 16px/1 -apple-system,'SF Pro Text',system-ui,sans-serif}
.phone .sb-r{display:flex;gap:6px;align-items:center}
.phone .topbar{position:absolute;top:54px;left:16px;right:16px;height:44px;display:flex;align-items:center;gap:8px;z-index:60}
.phone .avatar{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font:600 17px/1 'Hanken Grotesk';color:var(--fg)}
.phone .seg{height:44px;flex:1;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted)}
.phone .seg.on{flex:1.85;color:var(--fg);background:linear-gradient(var(--g-on),var(--g-on)),var(--g-fill);font:600 15px/1 'Hanken Grotesk'}
.phone .navbar{position:absolute;top:54px;left:16px;right:16px;height:44px;display:flex;align-items:center;gap:8px;z-index:60}
.phone .nb-t{flex:1;text-align:center;font:600 16px/1.2 'Hanken Grotesk'}
.phone .nb-s{font:500 12px/1.2 'Hanken Grotesk';color:var(--muted)}
.phone .nb-r{display:flex;gap:8px}
.phone .bottombar{position:absolute;left:16px;right:16px;bottom:28px;height:52px;display:flex;align-items:center;gap:10px;z-index:60}
.phone .circ{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--fg);flex:none}
.phone .circ.lg{width:52px;height:52px}
.phone .circ.sm{width:36px;height:36px}
.phone .ask{flex:1;height:52px;border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 17px 0 14px}
.phone .ask-ph{flex:1;font:500 16px/1 'Hanken Grotesk';color:var(--muted)}
.phone .scroll{position:absolute;left:0;right:0;top:0;padding:110px 16px 128px;z-index:1}
.phone .scroll.page{padding-top:108px}
.phone .fade-top{position:absolute;top:0;left:0;right:0;height:108px;z-index:50;pointer-events:none;background:linear-gradient(var(--page-solid) 28%,transparent)}
.t-dark .fade-top{background:linear-gradient(rgba(20,17,13,.94) 30%,rgba(20,17,13,0))}
.phone .fade-top.short{height:60px}
.phone .fade-bot{position:absolute;bottom:0;left:0;right:0;height:150px;z-index:50;pointer-events:none;background:linear-gradient(transparent,var(--page-solid) 80%)}
.t-dark .fade-bot{background:linear-gradient(rgba(16,13,10,0),rgba(16,13,10,.9) 55%,#100D0A 88%)}
.phone .greet{margin:4px 4px 16px}
.phone .greet-d{font:500 13px/1 'Hanken Grotesk';color:var(--muted);margin-bottom:8px}
.phone .greet-h{font:400 31px/1.05 'Newsreader',Georgia,serif;letter-spacing:-.02em}
.phone .sh{display:flex;align-items:center;gap:6px;margin:22px 4px 9px;font:600 14px/1 'Hanken Grotesk';color:var(--muted)}
.phone .sh-sp{flex:1}
.phone .sh-r{font:500 13px/1 'Hanken Grotesk';color:var(--faint)}
.phone .sh-a{font:600 13.5px/1 'Hanken Grotesk';color:var(--coral)}
.phone .sh-add{color:var(--muted)}
.phone .num{font-family:'Hanken Grotesk',sans-serif;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1}
.phone .num.sm{font-size:16px;letter-spacing:-.01em}
.phone .num.xl{font-size:76px;letter-spacing:-.045em}
.phone .jb{padding:13px 14px 11px}
.phone .jb-top{display:flex;align-items:center;gap:11px}
.phone .jb-ic{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent)}
.phone .jb-tx{flex:1;min-width:0}
.phone .jb-t{font:600 16px/1.2 'Hanken Grotesk'}
.phone .jb-s{font:400 13px/1.3 'Hanken Grotesk';color:var(--muted);margin-top:2px}
.phone .jb-ch{margin:10px -2px 0}
.phone .jb-f{display:flex;justify-content:space-between;font:500 12px/1 'Hanken Grotesk';color:var(--faint);margin-top:6px}
.phone .insight{padding:15px 15px 13px}
.phone .ins-top{display:flex;gap:12px;align-items:center}
.phone .ins-tx{flex:1}
.phone .ins-t{font:600 16px/1.3 'Hanken Grotesk';margin-bottom:5px}
.phone .ins-s{font:400 14px/1.4 'Hanken Grotesk';color:var(--muted)}
.phone .ins-act{display:flex;align-items:center;gap:14px;margin-top:13px}
.phone .txtbtn{font:600 14px/1 'Hanken Grotesk';color:var(--coral)}
.phone .txtbtn.plain{color:var(--muted);padding:0 10px}
.phone .askchip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 11px;border-radius:999px;background:var(--gs-fill);border:.5px solid var(--hair);font:600 14px/1 'Hanken Grotesk';color:var(--fg);white-space:nowrap}
.phone .askchip.glass{background:var(--g-fill)}
.phone .askchip.wide{flex:1;justify-content:center;height:50px;font-size:15px}
.phone .kcs{display:flex;gap:10px;margin-right:-16px;overflow:hidden}
.phone .kc{flex:none;width:150px;overflow:hidden;padding:0}
.phone .kc-top{padding:13px 14px 0}
.phone .kc-v{display:flex;align-items:baseline;gap:4px;margin-bottom:7px}
.phone .kc-v .num{font-size:28px}
.phone .kc-u{font:500 12px/1 'Hanken Grotesk';color:var(--muted)}
.phone .kc-t{font:600 15px/1.2 'Hanken Grotesk'}
.phone .kc-s{font:500 13px/1.3 'Hanken Grotesk';color:var(--muted);margin-top:2px}
.phone .kc-s.low{color:var(--coral)}
.phone .kc-ch{margin-top:6px;height:44px}
.phone .grp{padding:2px 14px}
.phone .grp .row + .row{border-top:.5px solid var(--hair)}
.phone .row{display:flex;align-items:center;gap:13px;min-height:54px;padding:8px 0}
.phone .row-ic{width:24px;display:flex;justify-content:center;color:var(--muted);flex:none}
.phone .row-ic.ok{color:var(--green)}
.phone .row-ic.coral{color:var(--coral)}
.phone .row-ic.gold{color:var(--gold)}
.phone .row-ic.add{color:var(--coral)}
.phone .row-tx{flex:1;min-width:0}
.phone .row-t{font:500 16px/1.25 'Hanken Grotesk';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone .row-s{font:400 13.5px/1.35 'Hanken Grotesk';color:var(--muted);margin-top:2px}
.phone .row-s b{font-weight:600}
.phone .addt{color:var(--coral);font-weight:600}
.phone .chk{width:24px;height:24px;border-radius:50%;border:1.6px solid var(--faint);display:flex;align-items:center;justify-content:center;flex:none}
.phone .chk.done{background:var(--green);border-color:var(--green)}
.phone .rv{font:400 15px/1.2 'Hanken Grotesk';color:var(--muted);white-space:nowrap}
.phone .rv.a{color:var(--coral);font-weight:600}
.phone .rv.ph{color:var(--faint)}
.phone .pill{font:600 12px/1 'Hanken Grotesk';padding:5px 9px;border-radius:999px;white-space:nowrap;border:1px solid}
.phone .pill.gold{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}
.phone .pill.ok{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,transparent)}
.phone .pill.low{color:var(--coral);border-color:color-mix(in srgb,var(--coral) 45%,transparent)}
.phone .ini{width:32px;height:32px;border-radius:50%;background:var(--gs-fill);border:.5px solid var(--hair);display:flex;align-items:center;justify-content:center;font:600 11.5px/1 'Hanken Grotesk';color:var(--muted);flex:none}
.phone .ini.lg{width:44px;height:44px;font-size:14px}
.phone .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border-radius:999px;background:var(--coral-btn);color:#fff;font:600 16px/1 'Hanken Grotesk';white-space:nowrap}
.phone .btn.sm{height:34px;padding:0 14px;font-size:14px}
.phone .btn.wide{width:100%}
.phone .btn.ghost{background:var(--gs-fill);color:var(--fg);border:.5px solid var(--hair)}
.phone .tgl{width:46px;height:28px;border-radius:99px;background:var(--gs-fill);border:.5px solid var(--hair);position:relative;flex:none}
.phone .tgl i{position:absolute;top:2px;left:2px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25)}
.phone .tgl.on{background:var(--green);border-color:var(--green)}
.phone .tgl.on i{left:20px}
.phone .tv{width:76px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}
.phone .tv .num{font-size:21px}
.phone .tv.low .num{color:var(--coral)}
.phone .tv-u{font:500 11.5px/1 'Hanken Grotesk';color:var(--muted)}
.phone .trow{gap:10px}
.phone .flag{color:var(--coral)}
.phone .behind{position:absolute;inset:0;transform:scale(.93) translateY(-10px);transform-origin:50% 0;border-radius:30px;overflow:hidden}
.phone .dim{position:absolute;inset:0;background:var(--dim);z-index:55}
.phone .dim.soft{background:color-mix(in srgb,var(--dim) 60%,transparent)}
.phone .sheet{position:absolute;left:0;right:0;top:56px;bottom:0;border-radius:34px 34px 0 0;background:var(--sheet);-webkit-backdrop-filter:blur(40px) saturate(150%);backdrop-filter:blur(40px) saturate(150%);border-top:.5px solid var(--g-stroke);z-index:65;box-shadow:0 -10px 40px rgba(0,0,0,.25);overflow:hidden;padding:0 18px}
.phone .sheet.mid{top:250px}
.phone .grab{width:38px;height:5px;border-radius:9px;background:var(--faint);margin:7px auto 0;opacity:.7}
.phone .shd{display:flex;align-items:center;justify-content:space-between;padding:8px 0 4px}
.phone .shd-t{display:flex;align-items:center;gap:6px;font:600 17px/1 'Hanken Grotesk'}
.phone .sheet-cta{position:absolute;left:18px;right:18px;bottom:30px;display:flex;gap:10px;align-items:center}
.phone .sheet-cta.row2 .btn{flex:1}
.phone .flowhead{display:flex;align-items:center;justify-content:space-between;padding:8px 0 0}
.phone .fh-t{text-align:center;font:600 16px/1.2 'Hanken Grotesk'}
.phone .fh-s{font:500 12px/1.2 'Hanken Grotesk';color:var(--muted)}
.phone .steps-bar{display:flex;gap:5px;margin:12px 0 0}
.phone .steps-bar span{flex:1;height:4px;border-radius:9px;background:var(--hair)}
.phone .steps-bar span.on{background:var(--coral)}
.phone .q{font:600 25px/1.15 'Hanken Grotesk';letter-spacing:-.02em;margin:22px 2px 8px;text-wrap:balance}
.phone .q-s{font:400 15px/1.45 'Hanken Grotesk';color:var(--muted);margin:0 2px 16px}
.phone .q-s.c{text-align:center;margin-top:10px}
.phone .q-l{font:600 14px/1 'Hanken Grotesk';color:var(--muted);margin:20px 4px 9px;display:flex}
.phone .q-l.first{margin-top:14px}
.phone .q-lr{margin-left:auto;font-weight:500;color:var(--faint);font-size:13px}
.phone .tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.phone .tile{display:flex;align-items:center;gap:11px;padding:15px 14px;border-radius:18px;font:600 15px/1.2 'Hanken Grotesk';color:var(--fg)}
.phone .tile svg{color:var(--muted)}
.phone .tile.on{background:color-mix(in srgb,var(--coral) 16%,transparent);border-color:color-mix(in srgb,var(--coral) 50%,transparent)}
.phone .tile.on svg{color:var(--coral)}
.phone .seg3,.phone .seg4{display:flex;border-radius:999px;padding:3px}
.phone .seg3 span,.phone .seg4 span{flex:1;text-align:center;font:600 13.5px/1 'Hanken Grotesk';color:var(--muted);padding:11px 0;border-radius:999px;white-space:nowrap}
.phone .seg4 span{font-size:12.5px}
.phone .seg3 span.on,.phone .seg4 span.on{background:var(--g-on);color:var(--fg)}
.phone .opts{display:flex;flex-direction:column;gap:8px}
.phone .opt{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:18px;background:var(--c-fill);border:.5px solid var(--c-stroke)}
.phone .opt.on{border-color:color-mix(in srgb,var(--coral) 55%,transparent);background:color-mix(in srgb,var(--coral) 12%,transparent)}
.phone .radio{width:22px;height:22px;border-radius:50%;border:1.6px solid var(--faint);flex:none}
.phone .radio.on{border:6.5px solid var(--coral)}
.phone .ptitle{margin:6px 4px 16px}
.phone .ptitle.tight{margin-top:14px}
.phone .pt-eyebrow{display:flex;align-items:center;gap:6px;font:600 13px/1 'Hanken Grotesk';color:var(--muted);margin-bottom:10px}
.phone .pt-eyebrow.ok{color:var(--green)}
.phone .pt-h{font:400 38px/1.02 'Newsreader',Georgia,serif;letter-spacing:-.025em}
.phone .pt-h.sm{font-size:30px}
.phone .pt-s{font:400 14.5px/1.4 'Hanken Grotesk';color:var(--muted);margin-top:8px}
.phone .glass-card:not(.kc):not(.tile):not(.sym):not(.str):not(.srow):not(.sug):not(.fup):not(.pa){padding:14px 15px}
.phone .card-h{display:flex;justify-content:space-between;align-items:center;font:600 14.5px/1 'Hanken Grotesk';margin-bottom:10px}
.phone .card-hr{font:500 12.5px/1 'Hanken Grotesk';color:var(--muted)}
.phone .card-f{font:500 12.5px/1.35 'Hanken Grotesk';color:var(--muted);margin-top:10px}
.phone .bignum{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}
.phone .bignum .num{font-size:40px}
.phone .bn-u{font:500 15px/1 'Hanken Grotesk';color:var(--muted)}
.phone .bn-d{display:inline-flex;align-items:center;gap:4px;font:600 13px/1 'Hanken Grotesk';margin-left:6px}
.phone .bn-d.ok{color:var(--green)}
.phone .tchart{display:flex;gap:8px}
.phone .tc-y{display:flex;flex-direction:column;justify-content:space-between;font:500 11px/1 'Hanken Grotesk';color:var(--faint);height:96px;padding:0 0 0 1px}
.phone .tc-plot{flex:1}
.phone .tc-x{display:flex;justify-content:space-around;font:500 11.5px/1 'Hanken Grotesk';color:var(--faint);margin-top:8px}
.phone .svgt{font:500 10.5px 'Hanken Grotesk';fill:var(--faint)}
.phone .heat{display:flex;flex-direction:column;gap:6px}
.phone .hrow{display:flex;align-items:center;gap:5px}
.phone .hrow span{flex:1;font:500 14px/1 'Hanken Grotesk'}
.phone .hrow i,.phone .hrow b{width:38px;height:22px;border-radius:7px;flex:none}
.phone .hrow b{height:auto;text-align:center;font:600 11.5px/1 'Hanken Grotesk';color:var(--faint)}
.phone .hrow i{background:var(--hair)}
.phone .hrow i.s1,.phone .hleg i.s1{background:color-mix(in srgb,var(--coral) 30%,transparent)}
.phone .hrow i.s2,.phone .hleg i.s2{background:color-mix(in srgb,var(--coral) 60%,transparent)}
.phone .hrow i.s3,.phone .hleg i.s3{background:var(--coral)}
.phone .heat .hrow:has(b) b{width:38px}
.phone .heat.wide .hrow{gap:4px}
.phone .heat.wide .hrow i,.phone .heat.wide .hrow b{width:27px;height:18px;border-radius:5px}
.phone .heat.wide .hrow span{font-size:13px;white-space:nowrap}
.phone .hleg{display:flex;align-items:center;gap:6px;font:500 11.5px/1 'Hanken Grotesk';color:var(--faint);margin-top:6px}
.phone .hleg i{width:12px;height:12px;border-radius:4px;margin-left:6px}
.phone .hleg i:first-child{margin-left:0}
.phone .dock{position:absolute;left:16px;right:16px;bottom:30px;display:flex;gap:10px;align-items:center;z-index:60}
.phone .btn.dockbtn{height:50px;flex:none}
.phone .btn.dockbtn.wide{flex:1}
.phone .stepper{display:flex;align-items:center;justify-content:space-between;padding:10px!important;border-radius:22px}
.phone .stepper.sm{padding:6px!important}
.phone .st-b{width:52px;height:52px;border-radius:50%;background:var(--gs-fill);border:.5px solid var(--hair);display:flex;align-items:center;justify-content:center}
.phone .stepper.sm .st-b{width:44px;height:44px}
.phone .st-v{display:flex;align-items:baseline;gap:5px}
.phone .st-v .num{font-size:44px}
.phone .stepper.sm .st-v .num{font-size:30px}
.phone .symgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.phone .sym{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px;border-radius:16px;font:600 14.5px/1.1 'Hanken Grotesk'}
.phone .sym.on{border-color:color-mix(in srgb,var(--coral) 45%,transparent)}
.phone .sym-none{font:500 12.5px/1 'Hanken Grotesk';color:var(--faint)}
.phone .sym.add{color:var(--coral);justify-content:flex-start;border:1px dashed color-mix(in srgb,var(--coral) 45%,transparent);border-radius:16px}
.phone .sev{display:inline-flex;gap:3px;align-items:flex-end}
.phone .sev i{width:5px;border-radius:2px;background:var(--hair)}
.phone .sev i:nth-child(1){height:8px}
.phone .sev i:nth-child(2){height:12px}
.phone .sev i:nth-child(3){height:16px}
.phone .sev i.on{background:var(--coral)}
.phone .chips{display:flex;gap:8px;margin-bottom:4px;overflow:hidden}
.phone .chips.wrap{flex-wrap:wrap}
.phone .chips.act{margin:-2px 0 0}
.phone .chips.big .fchip{padding:11px 14px;font-size:14px}
.phone .fchip{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 'Hanken Grotesk';padding:9px 13px;border-radius:999px;color:var(--muted);border:.5px solid var(--hair);background:var(--gs-fill);white-space:nowrap}
.phone .fchip.on{color:var(--coral);background:color-mix(in srgb,var(--coral) 13%,transparent);border-color:color-mix(in srgb,var(--coral) 38%,transparent)}
.phone .field{display:flex;align-items:center;gap:10px;height:52px;padding:0 15px!important;border-radius:18px;margin-top:14px}
.phone .ph{font:400 15.5px/1 'Hanken Grotesk';color:var(--faint)}
.phone .lock{position:absolute;inset:0;background:radial-gradient(90% 60% at 30% 20%,#5A3220 0%,#2A1A12 45%,#120C08 100%);color:#fff}
.phone .lock::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 80% 80%,rgba(224,169,61,.22),transparent 70%)}
.phone .lk-d{position:absolute;top:82px;left:0;right:0;text-align:center;font:600 19px/1 -apple-system,system-ui,sans-serif;opacity:.9;z-index:2}
.phone .lk-t{position:absolute;top:104px;left:0;right:0;text-align:center;font:600 92px/1 -apple-system,'SF Pro Rounded',system-ui,sans-serif;letter-spacing:-.02em;z-index:2}
.phone .lk-stack{position:absolute;left:12px;right:12px;bottom:118px;display:flex;flex-direction:column;gap:10px;z-index:2;--fg:#fff;--muted:rgba(255,255,255,.7);--faint:rgba(255,255,255,.45);--hair:rgba(255,255,255,.14);--page-solid:#2A1A12}
.phone .lock .glass{--g-fill:rgba(60,40,28,.42);--g-stroke:rgba(255,255,255,.16);--g-hi:rgba(255,255,255,.18)}
.phone .notif{border-radius:22px;padding:12px 14px}
.phone .nt-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.phone .nt-ic{width:22px;height:22px;border-radius:6px;background:#D14010;display:flex;align-items:center;justify-content:center;--mark-bg:#D14010}
.phone .nt-ic svg{width:15px;height:15px}
.phone .nt-app{font:600 12.5px/1 -apple-system,system-ui;opacity:.75;letter-spacing:.02em}
.phone .nt-time{margin-left:auto;font:400 12.5px/1 -apple-system,system-ui;opacity:.6}
.phone .nt-t{font:600 15px/1.25 -apple-system,system-ui}
.phone .nt-b{font:400 15px/1.3 -apple-system,system-ui;opacity:.9}
.phone .la{border-radius:26px;padding:14px 15px 12px}
.phone .la-top{display:flex;align-items:center;gap:8px}
.phone .la-n{font:600 15px/1 'Hanken Grotesk'}
.phone .la-r{font:500 12.5px/1 'Hanken Grotesk';opacity:.7}
.phone .la-mid{display:flex;align-items:flex-end;justify-content:space-between;margin:10px 0 12px}
.phone .la-v{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;max-width:170px}
.phone .la-v .num{font-size:34px}
.phone .la-d{display:flex;align-items:center;gap:4px;font:600 12.5px/1 'Hanken Grotesk';color:#7FD3A6;width:100%;margin-top:4px}
.phone .la-acts{display:flex;gap:8px}
.phone .la-b{flex:1;text-align:center;font:600 14px/1 'Hanken Grotesk';padding:11px 0;border-radius:999px;background:rgba(255,255,255,.14)}
.phone .la-b.on{background:#D14010}
.phone .lk-bot{position:absolute;left:46px;right:46px;bottom:44px;display:flex;justify-content:space-between;z-index:2}
.phone .lk-c{width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center}
.phone .stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.phone .stat{padding:13px 14px!important}
.phone .st-l{font:500 12.5px/1.2 'Hanken Grotesk';color:var(--muted)}
.phone .st-n{display:flex;align-items:baseline;gap:4px;margin:9px 0 5px}
.phone .st-n .num{font-size:30px}
.phone .st-n.sm{font:600 22px/1 'Hanken Grotesk';letter-spacing:-.02em}
.phone .st-s{font:500 12.5px/1 'Hanken Grotesk';color:var(--faint)}
.phone .note-ok{display:flex;gap:8px;align-items:flex-start;font:500 13px/1.45 'Hanken Grotesk';color:var(--muted);margin:16px 4px 0}
.phone .note-ok svg{margin-top:1px;color:var(--green)}
.phone .sfield2{display:flex;align-items:center;gap:10px;height:52px;padding:0 15px!important;border-radius:18px;margin-bottom:12px}
.phone .sq{font:500 17px/1 'Hanken Grotesk';display:flex;align-items:center}
.phone .caret{display:inline-block;width:2px;height:21px;background:var(--coral);margin-left:1px;border-radius:1px}
.phone mark{background:none;color:var(--fg);font-weight:700;text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:3px}
.phone .or{display:flex;align-items:center;gap:10px;margin:14px 6px;font:500 13px/1 'Hanken Grotesk';color:var(--faint)}
.phone .or::before,.phone .or::after{content:"";flex:1;height:.5px;background:var(--hair)}
.phone .scanbtn{display:flex;gap:13px;align-items:center;border-radius:18px}
.phone .scanbtn > svg{color:var(--coral)}
.phone .scanbtn .row-t{white-space:normal}
.phone .kb.short{height:252px}
.phone .medhead{margin:20px 2px -12px}
.phone .mh-n{font:600 15px/1.2 'Hanken Grotesk';color:var(--coral)}
.phone .mh-s{font:500 13px/1.3 'Hanken Grotesk';color:var(--muted);margin-top:2px}
.phone .strengths{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.phone .str{display:flex;align-items:baseline;justify-content:center;gap:4px;padding:20px 0;border-radius:18px}
.phone .str .num{font-size:28px}
.phone .str.on{border-color:color-mix(in srgb,var(--coral) 55%,transparent);background:color-mix(in srgb,var(--coral) 13%,transparent)}
.phone .otherstr{display:flex;align-items:center;gap:7px;justify-content:center;margin:14px 0 0;font:600 14px/1 'Hanken Grotesk';color:var(--coral)}
.phone .review{text-align:center;margin:18px 0 18px}
.phone .rv-pill{width:68px;height:68px;border-radius:22px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;color:var(--coral);background:color-mix(in srgb,var(--coral) 15%,transparent);border:.5px solid color-mix(in srgb,var(--coral) 40%,transparent)}
.phone .rv-n{font:600 24px/1.1 'Hanken Grotesk';letter-spacing:-.02em}
.phone .rv-s{font:400 14.5px/1.3 'Hanken Grotesk';color:var(--muted);margin-top:5px}
.phone .dose-today{display:flex;align-items:center;gap:12px;padding:2px 0 12px;border-bottom:.5px solid var(--hair)}
.phone .wk{display:flex;justify-content:space-between;margin-top:12px}
.phone .wk-d{display:flex;flex-direction:column;align-items:center;gap:6px;font:500 11.5px/1 'Hanken Grotesk';color:var(--faint)}
.phone .wk-d i{width:28px;height:28px;border-radius:50%;border:1.5px dashed var(--hair);display:flex;align-items:center;justify-content:center}
.phone .wk-d i.ok{background:var(--green);border:none}
.phone .wk-d i.miss{border:1.5px solid color-mix(in srgb,var(--coral) 60%,transparent)}
.phone .supply .sp-top{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}
.phone .supply .num{font-size:30px}
.phone .sp-r{font:500 13px/1 'Hanken Grotesk';color:var(--muted)}
.phone .bar{height:7px;border-radius:9px;background:var(--hair);overflow:hidden}
.phone .bar i{display:block;height:100%;border-radius:9px;background:var(--green)}
.phone .bar.warn i{background:var(--gold)}
.phone .rsearch{display:flex;align-items:center;gap:10px;height:46px;padding:0 15px!important;border-radius:16px}
.phone .views{display:flex;align-items:center;gap:4px;margin:12px 0 12px}
.phone .vw{display:inline-flex;align-items:center;gap:6px;font:600 14px/1 'Hanken Grotesk';color:var(--muted);padding:9px 11px;border-radius:12px}
.phone .vw.on{color:var(--fg);background:var(--g-on)}
.phone .vfilter{display:inline-flex;align-items:center;gap:5px;color:var(--coral);font:600 13px/1 'Hanken Grotesk';padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--coral) 12%,transparent)}
.phone .mo{font:600 14px/1 'Hanken Grotesk';color:var(--muted);margin:16px 4px 9px}
.phone .tlc{padding:6px 14px!important}
.phone .tl{display:flex;gap:10px;padding:10px 0}
.phone .tl + .tl{border-top:.5px solid var(--hair)}
.phone .tl-d{width:30px;font:600 12px/1.25 'Hanken Grotesk';color:var(--muted);text-align:center;flex:none;padding-top:2px}
.phone .tl-rail{width:26px;flex:none;display:flex;justify-content:center}
.phone .tl-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gs-fill);border:.5px solid var(--hair);color:var(--muted)}
.phone .tl-dot.gold{color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}
.phone .tl-dot.coral{color:var(--coral);background:color-mix(in srgb,var(--coral) 14%,transparent)}
.phone .tl-b{flex:1;min-width:0}
.phone .tl-b .row-t{font-size:15.5px}
.phone .tl-x{display:flex;gap:10px;margin-top:9px;align-items:flex-start}
.phone .tl-chips{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.phone .mini{font:600 12px/1 'Hanken Grotesk';padding:5px 8px;border-radius:8px;background:var(--gs-fill);color:var(--muted)}
.phone .mini.low{color:var(--coral);background:color-mix(in srgb,var(--coral) 12%,transparent)}
.phone .store{display:flex;align-items:center;gap:7px;font:500 12.5px/1.3 'Hanken Grotesk';color:var(--muted);margin:10px 4px 12px}
.phone .dgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.phone .dcard .paper{height:178px}
.phone .dc-t{font:600 14.5px/1.2 'Hanken Grotesk';margin-top:9px}
.phone .dc-s{font:400 12.5px/1.3 'Hanken Grotesk';color:var(--muted);margin-top:2px}
.phone .paper{position:relative;border-radius:12px;background:#F6F1E7;box-shadow:0 8px 20px -8px rgba(0,0,0,.5),inset 0 0 0 .5px rgba(0,0,0,.08);padding:14px 12px;overflow:hidden}
.t-light .paper{background:#fff}
.phone .paper.sm{width:58px;height:74px;padding:7px 6px;border-radius:6px;flex:none}
.phone .pp-h{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.phone .pp-h i{display:block;height:7px;width:58%;border-radius:3px;background:#2A2520}
.phone .pp-h i.s{height:4px;width:40%;background:#B9B0A1}
.phone .paper.sm .pp-h i{height:3px}
.phone .paper.sm .pp-h i.s{height:2px}
.phone .paper.sm .pp-h{gap:2px;margin-bottom:5px}
.phone .pp-tb{display:flex;flex-direction:column;gap:7px}
.phone .pp-tb div{display:flex;gap:6px}
.phone .pp-tb i{height:4px;border-radius:2px;background:#C8BFB0;flex:3}
.phone .pp-tb i.v{flex:1;background:#8F867A}
.phone .pp-tb i.v.hl{background:#D14010}
.phone .pp-tb i.s{flex:1.4;background:#DDD5C7}
.phone .paper.sm .pp-tb{gap:3px}
.phone .paper.sm .pp-tb i{height:2px}
.phone .pp-tx{display:flex;flex-direction:column;gap:7px}
.phone .pp-tx i{height:4px;border-radius:2px;background:#CFC6B7}
.phone .pp-img{height:58px;border-radius:6px;background:radial-gradient(60% 70% at 50% 50%,#6E6A66,#1E1C1A);margin-bottom:10px}
.phone .pp-card{height:80px;border-radius:10px;background:linear-gradient(135deg,#2F5D50,#1F3D35);padding:10px;display:flex;flex-direction:column;gap:6px}
.phone .pp-card i{height:5px;width:50%;border-radius:2px;background:rgba(255,255,255,.8)}
.phone .pp-card i.s{width:70%;height:3px;background:rgba(255,255,255,.45)}
.phone .pp-rx{font:700 22px/1 'Newsreader',Georgia,serif;color:#2A2520;margin-bottom:8px}
.phone .cam{position:absolute;inset:0;background:#0B0A09;overflow:hidden}
.phone .desk{position:absolute;inset:0;background:linear-gradient(160deg,#5B4635 0%,#3A2C21 60%,#241B14 100%)}
.phone .desk::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(95deg,rgba(255,255,255,.025) 0 2px,transparent 2px 18px)}
.phone .campaper{position:absolute;left:70px;top:214px;width:266px;height:366px;transform:rotate(-4deg);transform-origin:50% 50%}
.phone .campaper .paper{height:100%;padding:24px 20px}
.phone .campaper .pp-tb{gap:14px}
.phone .campaper .pp-tb i{height:6px}
.phone .detect{position:absolute;inset:0;width:100%;height:100%}
.phone .cam-top{position:absolute;top:56px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;color:#fff}
.phone .cam-x{font:500 16px/1 -apple-system,system-ui;color:#fff}
.phone .cam-pill{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 'Hanken Grotesk';padding:8px 12px;border-radius:999px;color:#fff;--g-fill:rgba(0,0,0,.35)}
.phone .cam-hint{position:absolute;top:620px;left:50%;transform:translateX(-50%);font:600 14px/1 'Hanken Grotesk';color:#fff;padding:10px 16px;border-radius:999px;--g-fill:rgba(0,0,0,.4);white-space:nowrap}
.phone .cam-bot{position:absolute;left:0;right:0;bottom:0;height:150px;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:space-between;padding:0 28px 26px}
.phone .cam-thumb{position:relative}
.phone .cam-thumb b{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#D14010;color:#fff;font:700 11px/20px 'Hanken Grotesk';text-align:center}
.phone .shutter{width:74px;height:74px;border-radius:50%;border:4px solid #fff;display:flex;align-items:center;justify-content:center}
.phone .shutter i{width:60px;height:60px;border-radius:50%;background:#fff}
.phone .docview{display:flex;justify-content:center;margin-top:4px}
.phone .docview .paper{width:250px;height:330px;padding:22px 18px}
.phone .docview .pp-tb{gap:12px}
.phone .docview .pp-tb i{height:5px}
.phone .pdots{display:flex;gap:6px;justify-content:center;margin:12px 0 0}
.phone .pdots i{width:6px;height:6px;border-radius:50%;background:var(--faint)}
.phone .pdots i.on{background:var(--fg)}
.phone .readout{margin-bottom:10px}
.phone .ro-top{display:flex;gap:11px;align-items:flex-start}
.phone .ro-top .row-t{white-space:normal}
.phone .ro-acts{display:flex;gap:8px;margin-top:12px}
.phone .hero-v{display:flex;align-items:baseline;gap:8px;margin:0 4px}
.phone .hv-u{font:500 18px/1 'Hanken Grotesk';color:var(--muted)}
.phone .hero-s{font:600 15px/1.3 'Hanken Grotesk';margin:8px 4px 0}
.phone .hero-s.low{color:var(--coral)}
.phone .hero-s.ok{color:var(--green)}
.phone .rbar{margin:42px 4px 18px}
.phone .rb-track{position:relative;display:flex;gap:3px;height:10px}
.phone .rb-track i{border-radius:9px;background:var(--hair)}
.phone .rb-track i.low{background:color-mix(in srgb,var(--coral) 55%,transparent)}
.phone .rb-track i.ok{background:color-mix(in srgb,var(--green) 50%,transparent)}
.phone .rb-track i.hi,.phone .rb-track i.lo2{background:color-mix(in srgb,var(--fg) 14%,transparent)}
.phone .rb-mk{position:absolute;top:-6px;width:4px;height:22px;border-radius:3px;background:var(--fg);transform:translateX(-50%);box-shadow:0 0 0 3px var(--page-solid)}
.phone .rb-mk b{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font:700 12px/1 'Hanken Grotesk';background:var(--fg);color:var(--page-solid);padding:4px 7px;border-radius:7px}
.phone .rb-l{display:flex;gap:3px;margin-top:9px}
.phone .rb-l span{font:500 12px/1 'Hanken Grotesk';color:var(--muted);text-align:center}
.phone .seg-mini{display:flex;gap:2px;font:600 12px/1 'Hanken Grotesk';color:var(--muted)}
.phone .seg-mini span{padding:5px 8px;border-radius:8px}
.phone .seg-mini span.on{background:var(--g-on);color:var(--fg)}
.phone .ac-x{display:flex;justify-content:space-between;font:500 11.5px/1 'Hanken Grotesk';color:var(--faint);margin-top:8px;padding:0 4px}
.phone .about p{margin:0;font:400 15px/1.5 'Hanken Grotesk'}
.phone .src{display:flex;gap:6px;align-items:center;font:500 12px/1.3 'Hanken Grotesk';color:var(--faint);margin-top:10px}
.phone .hv{display:flex;align-items:center;gap:10px}
.phone .rlist{display:flex;flex-direction:column;gap:8px;margin:6px 0 14px}
.phone .rl{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:16px;font:600 15px/1 'Hanken Grotesk';background:var(--gs-fill);border:.5px solid var(--hair)}
.phone .rl span:first-child{flex:1}
.phone .rl.low{color:var(--coral);background:color-mix(in srgb,var(--coral) 12%,transparent)}
.phone .rl.low.on{border:1px solid color-mix(in srgb,var(--coral) 60%,transparent)}
.phone .rl.ok{color:var(--green)}
.phone .rl b{font:700 12px/1 'Hanken Grotesk';background:var(--coral);color:#fff;padding:5px 8px;border-radius:8px}
.phone .vh-top{display:flex;gap:13px;align-items:center}
.phone .vh-cal{width:52px;height:56px;border-radius:14px;background:var(--gs-fill);border:.5px solid var(--hair);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
.phone .vh-cal span{font:700 10.5px/1 'Hanken Grotesk';letter-spacing:.08em;color:var(--coral)}
.phone .vh-cal b{font:600 24px/1 'Hanken Grotesk';margin-top:3px;font-variant-numeric:tabular-nums}
.phone .vh-t{font:600 18px/1.2 'Hanken Grotesk'}
.phone .vh-prog{display:flex;align-items:center;gap:10px;margin:14px 0 10px;font:600 13px/1 'Hanken Grotesk';color:var(--muted)}
.phone .vh-prog .bar{flex:1}
.phone .vh-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px;margin-bottom:13px}
.phone .vh-list div{display:flex;align-items:center;gap:8px;font:500 13.5px/1.2 'Hanken Grotesk'}
.phone .vh-list .chk{width:20px;height:20px}
.phone .team{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.phone .tm{padding:13px!important;border-radius:18px}
.phone .tm-n{font:600 14.5px/1.2 'Hanken Grotesk';margin-top:10px}
.phone .tm-s{font:400 12.5px/1.3 'Hanken Grotesk';color:var(--muted);margin-top:2px}
.phone .covmini{display:flex;gap:9px}
.phone .ccard{border-radius:18px;padding:13px 14px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:22px;flex:1}
.phone .ccard::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 45%);pointer-events:none}
.phone .ccard.prov{background:linear-gradient(135deg,#2F5D7A,#1D3A4E)}
.phone .ccard.ben{background:linear-gradient(135deg,#B7410E,#7A2A0A)}
.phone .cc-l{font:600 12.5px/1.2 'Hanken Grotesk';opacity:.85}
.phone .cc-n{font:600 17px/1 'Hanken Grotesk';font-variant-numeric:tabular-nums}
.phone .who{display:flex;align-items:center;gap:12px}
.phone .qs{padding:6px 15px 12px!important}
.phone .qq{display:flex;gap:10px;padding:11px 0;font:500 14.5px/1.4 'Hanken Grotesk';border-bottom:.5px solid var(--hair)}
.phone .qq svg{margin-top:2px}
.phone .qs-f{display:flex;gap:7px;align-items:center;font:500 12px/1.35 'Hanken Grotesk';color:var(--faint);margin-top:10px}
.phone .follow{margin-top:10px}
.phone .fo-h{display:flex;gap:8px;align-items:center;font:600 15px/1 'Hanken Grotesk';margin-bottom:11px}
.phone .fo-h svg{color:var(--coral)}
.phone .fo-s{font:500 13px/1.35 'Hanken Grotesk';color:var(--muted);margin-top:10px}
.phone .acard2{border-radius:22px;padding:15px 16px;background:linear-gradient(140deg,rgba(255,126,92,.30),rgba(209,64,16,.12)),var(--c-fill);border:.5px solid color-mix(in srgb,var(--coral) 40%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.phone .ac2-top{display:flex;align-items:center;gap:8px;font:600 14px/1 'Hanken Grotesk';margin-bottom:12px;color:var(--coral)}
.phone .ac2-n{color:var(--fg);font-weight:500;font-size:13px}
.phone .ac2-row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-top:.5px solid var(--hair)}
.phone .ac2-row b{font:600 19px/1.1 'Hanken Grotesk';letter-spacing:-.01em}
.phone .ac2-row span{font:600 13px/1 'Hanken Grotesk';color:var(--coral)}
.phone .ac2-f{font:500 12px/1.35 'Hanken Grotesk';color:var(--muted);margin-top:8px}
.phone .sevt.hi{color:var(--coral)}
.phone .sevt.md{color:var(--gold)}
.phone .person{margin-bottom:10px}
.phone .ps-top{display:flex;gap:12px;align-items:center}
.phone .ps-lines{margin:12px 0 4px}
.phone .ps-lines div{display:flex;justify-content:space-between;padding:8px 0;border-top:.5px solid var(--hair);font:400 14px/1.2 'Hanken Grotesk';color:var(--muted)}
.phone .ps-lines b{font-weight:600;color:var(--fg)}
.phone .ps-lines b.gold{color:var(--gold)}
.phone .ps-acts{display:flex;gap:8px;margin-top:8px}
.phone .pa{display:inline-flex;align-items:center;gap:6px;font:600 13.5px/1 'Hanken Grotesk';padding:10px 13px;border-radius:999px;background:var(--gs-fill);border:.5px solid var(--hair);color:var(--fg)}
.phone .pa svg{color:var(--coral)}
.phone .cards2{position:relative;height:208px}
.phone .ccard.big{position:absolute;left:0;right:0;height:188px;gap:0;justify-content:space-between;padding:16px 17px;box-shadow:0 18px 34px -16px rgba(0,0,0,.6)}
.phone .ccard.big.peek{top:0;transform:scale(.92) translateY(-14px);opacity:.7;z-index:0}
.phone .ccard.big.ben{top:20px;z-index:1}
.phone .cc-top{display:flex;justify-content:space-between;align-items:center}
.phone .cc-m{font:600 19px/1.2 'Hanken Grotesk';letter-spacing:-.01em}
.phone .cc-g{display:flex;gap:18px}
.phone .cc-g span{display:block;font:500 11px/1 'Hanken Grotesk';opacity:.7;margin-bottom:5px}
.phone .cc-g b{font:600 15px/1 'Hanken Grotesk';font-variant-numeric:tabular-nums}
.phone .cc-acts{display:flex;gap:8px;margin:8px 0 2px}
.phone .cc-acts .pa{border-radius:999px}
.phone .uses{display:flex;flex-direction:column;gap:13px}
.phone .use-h{display:flex;justify-content:space-between;font:500 14.5px/1 'Hanken Grotesk';margin-bottom:8px}
.phone .use-v{font:400 13px/1 'Hanken Grotesk';color:var(--muted);font-variant-numeric:tabular-nums}
.phone .use-v b{color:var(--fg);font-weight:600}
.phone .search{padding-top:62px}
.phone .srow{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:18px;margin-bottom:4px}
.phone .srow .row-t{font-weight:600}
.phone .fade-kb{position:absolute;left:0;right:0;bottom:290px;height:110px;z-index:60;background:linear-gradient(transparent,var(--page-solid) 70%)}
.t-dark .fade-kb{background:linear-gradient(rgba(20,17,13,0),rgba(20,17,13,.95) 70%)}
.phone .sbar{position:absolute;left:16px;right:16px;bottom:300px;display:flex;gap:10px;z-index:62}
.phone .sfield{flex:1;height:52px;border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 16px}
.phone .kb{position:absolute;left:0;right:0;bottom:0;height:290px;z-index:61;padding:8px 3px 0;background:rgba(40,36,32,.86);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}
.t-light .kb{background:rgba(209,212,217,.92)}
.phone .kr{display:flex;gap:6px;justify-content:center;margin-bottom:11px;padding:0 3px}
.phone .kr.r2{padding:0 20px}
.phone .k{flex:1;height:42px;border-radius:8px;background:rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font:400 22px/1 -apple-system,system-ui,sans-serif;color:#fff}
.t-light .k{background:#fff;color:#000}
.phone .k.mod{flex:1.35;background:rgba(255,255,255,.13);font-size:16px}
.phone .k.w{flex:2.2}
.phone .k.sp{flex:6;font-size:16px}
.phone .ask-empty{text-align:center;padding:66px 22px 0}
.phone .ae-mark{display:flex;justify-content:center;margin-bottom:18px}
.phone .ae-h{font:400 26px/1.15 'Newsreader',Georgia,serif;letter-spacing:-.015em;margin-bottom:10px}
.phone .ae-s{font:400 15px/1.45 'Hanken Grotesk';color:var(--muted)}
.phone .sugs{position:absolute;left:16px;right:16px;bottom:166px;display:flex;flex-direction:column;gap:8px}
.phone .sug{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px;padding:13px 14px;font:500 15px/1.3 'Hanken Grotesk'}
.phone .cmp-wrap{position:absolute;left:12px;right:12px;bottom:22px}
.phone .cmp{border-radius:24px;padding:13px 12px 10px 16px}
.phone .cmp-in{font:400 16px/1.3 'Hanken Grotesk';color:var(--muted);min-height:22px;display:flex;align-items:center}
.phone .cmp-in.has{color:var(--fg)}
.phone .cmp-row{display:flex;align-items:center;margin-top:10px}
.phone .cmp-b{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--gs-fill)}
.phone .send{width:32px;height:32px;border-radius:50%;background:var(--coral-btn);display:flex;align-items:center;justify-content:center}
.phone .disc{text-align:center;font:400 11.5px/1 'Hanken Grotesk';color:var(--faint);margin-top:9px}
.phone .convo{position:absolute;left:0;right:0;top:52px;bottom:146px;padding:10px 20px 0;overflow:hidden}
.phone .umsg{margin-left:auto;width:max-content;max-width:78%;background:var(--gs-fill);border:.5px solid var(--hair);border-radius:20px;padding:10px 15px;font:500 15.5px/1.35 'Hanken Grotesk';margin-bottom:12px}
.phone .steps{display:flex;align-items:center;gap:7px;font:500 13.5px/1 'Hanken Grotesk';color:var(--muted);margin-bottom:12px}
.phone .steps svg:first-child{color:var(--green)}
.phone .amsg{font:400 15.5px/1.45 'Hanken Grotesk';margin:0 0 10px}
.phone .amsg b{font-weight:600;font-variant-numeric:tabular-nums}
.phone .acard{margin:0 0 10px}
.phone .ac-h{display:flex;justify-content:space-between;font:600 14px/1 'Hanken Grotesk';margin-bottom:8px}
.phone .ac-u{font-weight:500;color:var(--muted);font-size:12.5px}
.phone .cites{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px}
.phone .cite{display:inline-flex;align-items:center;gap:5px;font:500 12.5px/1 'Hanken Grotesk';color:var(--muted);padding:6px 9px;border-radius:999px;border:.5px solid var(--hair);background:var(--gs-fill)}
.phone .acts{display:flex;gap:18px;color:var(--faint);margin-bottom:10px}
.phone .fups{display:flex;gap:8px;flex-wrap:nowrap}
.phone .fup{white-space:nowrap;border-radius:999px;padding:9px 13px;font:500 14px/1 'Hanken Grotesk'}
.phone .menu{position:absolute;right:16px;bottom:94px;width:272px;border-radius:24px;padding:6px;z-index:62}
.phone .mi{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:16px;color:var(--fg)}
.phone .mi svg{color:var(--muted)}
.phone .mi.first{background:var(--g-on)}
.phone .mi.first svg{color:var(--coral)}
.phone .mi-t{font:600 15.5px/1.2 'Hanken Grotesk'}
.phone .mi-s{font:400 12.5px/1.3 'Hanken Grotesk';color:var(--muted);margin-top:2px}
.phone .in-sheet{top:56px;padding:4px 18px 40px}
.phone .me{display:flex;align-items:center;gap:14px;margin:12px 4px 18px}
.phone .me-av{width:56px;height:56px;border-radius:50%;background:var(--gs-fill);border:.5px solid var(--hair);display:flex;align-items:center;justify-content:center;font:600 22px/1 'Hanken Grotesk'}
.phone .me-n{font:600 21px/1.1 'Hanken Grotesk';letter-spacing:-.01em}
.phone .me-e{font:400 14px/1.3 'Hanken Grotesk';color:var(--muted);margin-top:3px}

/* site overrides */
.phone{box-shadow:0 0 0 2px #2A2724,0 60px 100px -36px rgba(0,0,0,.9),0 24px 44px -24px rgba(0,0,0,.6)}
.phone .pf{background:var(--page-solid)}

/* Flat surfaces, matching the app board (Noah, 2026-10-03: "the problem is the shader and the gradient").
   One flat page colour, solid cards one step off it, colour only in the data. Glass only on what floats. */
.t-dark{--page-solid:#0D0B09;--wash:#0D0B09;--mark-bg:#0D0B09;--sheet:#171411;
  --c-fill:#1C1916;--c-stroke:transparent;--c-hi:transparent;--c-shadow:0 0 0 transparent;
  --g-fill:rgba(46,42,38,.66);--g-shadow:0 8px 24px rgba(0,0,0,.35)}
.t-light{--page-solid:#F3F1EC;--wash:#F3F1EC;--mark-bg:#F3F1EC;--sheet:#F3F1EC;
  --c-fill:#FFFFFF;--c-stroke:transparent;--c-hi:transparent;--c-shadow:0 0 0 transparent;--g-fill:rgba(255,255,255,.74)}
.phone .glass-card,.phone .grp{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.phone .glass-soft{border-color:transparent}
.phone .askchip.glass:not(.wide){background:var(--gs-fill);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.t-dark .fade-top{background:linear-gradient(var(--page-solid) 30%,transparent)}
.t-dark .fade-bot{background:linear-gradient(transparent,var(--page-solid) 62%)}
.t-dark .fade-kb{background:linear-gradient(transparent,var(--page-solid) 70%)}
.phone .acard2{background:color-mix(in srgb,var(--coral) 13%,var(--c-fill));border:.5px solid color-mix(in srgb,var(--coral) 32%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}
.phone .ccard::after,.phone .lock::after,.phone .desk::after{display:none}
.phone .ccard.prov{background:#2E5871}
.phone .ccard.ben{background:#9E3A0F}
.phone .lock{background:#15120F}
.phone .desk{background:#3B3027}
.phone .pp-img{background:#55504C}
.phone .pp-card{background:#2F5D50}

/* One neutral fill, colour only where it means something, matching the app board (Noah, 2026-10-03
   afternoon: "the shader and color looks even weirder with mix color and everything"). No tinted fill
   anywhere; coral marks a result outside its range, gold the symptom journal, anything in range is neutral
   ink. Result cards put the chart above the number. */
.t-dark{--c-fill2:#2A2622;--c-fill3:#3A3530;--c-fill4:#5C554D;--ink2:#D6CFC5;--band:rgba(247,243,236,.06)}
.t-light{--c-fill2:#ECE9E4;--c-fill3:#DCD8D1;--c-fill4:#B9B3AA;--ink2:#5E5850;--band:rgba(28,26,23,.05)}
.phone .kc-ch{margin:0;height:auto;padding-top:12px}
.phone .kc-top{padding:8px 14px 13px}
.phone .jb-ic,.phone .tl-dot,.phone .tl-dot.gold,.phone .tl-dot.coral{background:var(--c-fill2);border-color:transparent;color:var(--fg)}
.phone .rv-pill{background:var(--c-fill2);border-color:transparent}
.phone .row-ic.ok{color:var(--muted)}
.phone .pill,.phone .pill.gold,.phone .pill.ok,.phone .pill.low{border-color:transparent;background:var(--c-fill2)}
.phone .mini,.phone .mini.low,.phone .rl,.phone .rl.low,.phone .vfilter{background:var(--c-fill2);border-color:transparent}
.phone .rl.low.on{border:1px solid var(--coral)}
.phone .fchip.on{background:var(--fg);color:var(--page-solid);border-color:transparent}
.phone .tile.on,.phone .opt.on,.phone .str.on{background:var(--c-fill2);border-color:var(--coral)}
.phone .sym.on{border-color:var(--coral)}
.phone .sym.add{border-color:var(--faint)}
.phone .wk-d i.miss{border-color:var(--coral)}
.phone .rb-track i,.phone .rb-track i.low,.phone .rb-track i.hi,.phone .rb-track i.lo2{background:var(--c-fill2)}
.phone .rb-track i.ok{background:var(--c-fill4)}
.phone .hrow i{background:var(--c-fill2)}
.phone .hrow i.s1,.phone .hleg i.s1{background:var(--c-fill3)}
.phone .hrow i.s2,.phone .hleg i.s2{background:var(--c-fill4)}
.phone .acard2{background:var(--c-fill);border-color:transparent}