@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f2f3ee;--surface: #ffffff;--surface-2: #e8ebe4;--ink: #14201a;--ink-2: #44514a;--ink-3: #6c7872;--line: #dce0d8;--line-strong: #14201a;--accent: #1a5e4c;--accent-2: #217560;--accent-soft: #dcebe4;--on-accent: #ffffff;--excellent: #1d7a44;--excellent-bg: #e0f1e6;--good: #4b8526;--good-bg: #e8f1dc;--fair: #a86b12;--fair-bg: #f8ecd6;--weak: #b1422b;--weak-bg: #f8e3dd;--warn: #9a4a10;--warn-bg: #fbeee2;--danger: #b1261e;--danger-bg: #fbe6e3;--cam: #0d1310;--r-lg: 22px;--r: 16px;--r-sm: 11px;--shadow: 0 1px 2px rgba(20, 32, 26, .06), 0 6px 20px rgba(20, 32, 26, .06);--font: "Figtree Variable", "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--tab-h: 64px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f1512;--surface: #18201c;--surface-2: #222c27;--ink: #e8eee9;--ink-2: #b9c4be;--ink-3: #8b9791;--line: #2b3530;--line-strong: #e8eee9;--accent: #5cc4a3;--accent-2: #7ad3b6;--accent-soft: #173229;--on-accent: #07140f;--excellent: #6fd394;--excellent-bg: #153321;--good: #a9d46f;--good-bg: #25301a;--fair: #e9b25a;--fair-bg: #33260f;--weak: #f08b72;--weak-bg: #3a1c15;--warn: #f1a869;--warn-bg: #36220f;--danger: #ff8d82;--danger-bg: #3a1714;--shadow: 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}}:root[data-theme=dark]{--bg: #0f1512;--surface: #18201c;--surface-2: #222c27;--ink: #e8eee9;--ink-2: #b9c4be;--ink-3: #8b9791;--line: #2b3530;--line-strong: #e8eee9;--accent: #5cc4a3;--accent-2: #7ad3b6;--accent-soft: #173229;--on-accent: #07140f;--excellent: #6fd394;--excellent-bg: #153321;--good: #a9d46f;--good-bg: #25301a;--fair: #e9b25a;--fair-bg: #33260f;--weak: #f08b72;--weak-bg: #3a1c15;--warn: #f1a869;--warn-bg: #36220f;--danger: #ff8d82;--danger-bg: #3a1714;--shadow: 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:8px}img{max-width:100%;display:block}h1,h2,h3{margin:0;line-height:1.15;text-wrap:balance;letter-spacing:-.01em}p{margin:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.page{flex:1;padding:calc(env(safe-area-inset-top,0px) + 12px) 18px calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 28px);display:flex;flex-direction:column;gap:18px}.page.flush{padding-left:0;padding-right:0;padding-top:0}.topbar{display:flex;align-items:center;gap:10px;min-height:48px}.topbar h1{font-size:28px;font-weight:750;flex:1}.topbar .sub{color:var(--ink-3);font-size:14px}.iconbtn{width:44px;height:44px;border-radius:50%;border:0;background:var(--surface);color:var(--ink);display:inline-grid;place-items:center;box-shadow:var(--shadow);flex-shrink:0}.iconbtn.ghost{background:transparent;box-shadow:none}.iconbtn svg{width:22px;height:22px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar nav{max-width:560px;margin:0 auto;height:var(--tab-h);display:grid;grid-template-columns:repeat(4,1fr)}.tab{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);font-size:12px;font-weight:600;min-height:48px}.tab svg{width:24px;height:24px;stroke-width:1.9}.tab .pill{width:56px;height:30px;border-radius:999px;display:grid;place-items:center;transition:background .2s}.tab[aria-current=page]{color:var(--accent)}.tab[aria-current=page] .pill{background:var(--accent-soft)}.tabbar.dark{background:#0d1310db;border-top-color:#ffffff14}.tabbar.dark .tab{color:#fff9}.tabbar.dark .tab[aria-current=page]{color:#fff}.tabbar.dark .tab[aria-current=page] .pill{background:#ffffff24}.btn{border:0;border-radius:999px;min-height:52px;padding:0 22px;font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-2);color:var(--ink);transition:transform .12s,background .2s;text-decoration:none}.btn:active{transform:scale(.98)}.btn svg{width:20px;height:20px}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.outline{background:transparent;border:1.5px solid var(--line)}.btn.danger{background:var(--danger-bg);color:var(--danger)}.btn.block{width:100%}.btn.small{min-height:44px;padding:0 16px;font-size:15px}.btn[disabled]{opacity:.45;pointer-events:none}.linkbtn{border:0;background:none;padding:10px 0;min-height:44px;color:var(--accent);font-weight:650;display:inline-flex;align-items:center;gap:6px;text-align:left}.linkbtn svg{width:18px;height:18px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack-v{display:flex;flex-direction:column;gap:12px}.card{background:var(--surface);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow)}.card.tight{padding:14px 16px}.section-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:6px 2px -6px}.list{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.li{display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:60px;width:100%;border:0;background:none;text-align:left;border-top:1px solid var(--line)}.li:first-child{border-top:0}.li .t{font-weight:650}.li .d{color:var(--ink-3);font-size:14px}.li>svg:last-child{color:var(--ink-3);width:20px;height:20px;flex-shrink:0}.thumb{width:48px;height:48px;border-radius:12px;object-fit:cover;background:var(--surface-2);flex-shrink:0;display:grid;place-items:center;color:var(--ink-3)}.muted{color:var(--ink-3)}.small{font-size:14px}.micro{font-size:12.5px}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:650;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.chip svg{width:15px;height:15px}.chip.good{background:var(--excellent-bg);color:var(--excellent)}.chip.mid{background:var(--fair-bg);color:var(--fair)}.chip.bad{background:var(--weak-bg);color:var(--weak)}.chip.accent{background:var(--accent-soft);color:var(--accent)}.seg{display:flex;background:var(--surface-2);border-radius:999px;padding:4px;gap:4px}.seg button{flex:1;border:0;background:none;border-radius:999px;min-height:40px;font-weight:650;color:var(--ink-2);padding:0 14px}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;min-height:44px;padding:0 16px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.choice svg{width:18px;height:18px}.field{display:flex;flex-direction:column;gap:6px}.field label,.label{font-size:14px;font-weight:650;color:var(--ink-2)}.input{width:100%;min-height:48px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);padding:0 14px;font-size:16px}.input:focus{border-color:var(--accent);outline:none}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:999px;padding:0 8px 0 16px;min-height:52px;box-shadow:var(--shadow)}.search input{border:0;background:none;flex:1;min-width:0;font-size:16px;outline:none;min-height:48px}.search svg{width:20px;height:20px;color:var(--ink-3);flex-shrink:0}.check{display:flex;gap:12px;align-items:flex-start;padding:12px 0}.check input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0;margin-top:1px}.switch{position:relative;width:52px;height:32px;flex-shrink:0}.switch input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:52px;height:32px;margin:0;border-radius:999px;background:var(--line);transition:background .2s;cursor:pointer}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translate(20px)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e0b73;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.sheet{background:var(--bg);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:26px 26px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom,0px));animation:up .24s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}.sheet .grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}.sheet h2{font-size:22px;font-weight:750}.sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);transform:translate(-50%);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:999px;font-weight:650;font-size:15px;z-index:60;box-shadow:0 8px 24px #0003;animation:drop .2s ease;max-width:calc(100vw - 32px);pointer-events:none}@keyframes fade{0%{opacity:0}}@keyframes drop{0%{transform:translate(-50%,-12px);opacity:0}}@keyframes up{0%{transform:translateY(40px);opacity:.6}}.cam{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--cam);color:#fff;display:flex;flex-direction:column;z-index:5}.cam video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cam .shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cam .frame{position:absolute;left:8%;right:8%;top:20%;bottom:36%;border-radius:22px;box-shadow:0 0 0 100vmax #00000061}.cam .frame:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:24px;border:3px solid rgba(255,255,255,.9)}.cam-top{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 0}.cam-top .brand{font-weight:800;letter-spacing:.12em;font-size:15px;flex:1}.glass{background:#ffffff24;color:#fff;border:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass.iconbtn{box-shadow:none}.cam-hint{position:relative;z-index:2;text-align:center;margin-top:auto;padding:0 24px 14px;font-weight:650;font-size:15px;text-shadow:0 1px 8px rgba(0,0,0,.5)}.cam-bottom{position:relative;z-index:2;padding:0 20px calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 18px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.shutter{width:78px;height:78px;border-radius:50%;border:4px solid #fff;background:#ffffff38;display:grid;place-items:center}.shutter:after{content:"";width:60px;height:60px;border-radius:50%;background:#fff;transition:transform .12s}.shutter:active:after{transform:scale(.9)}.shots{display:flex;gap:8px}.shots .s{position:relative;width:48px;height:60px;border-radius:10px;overflow:hidden;border:2px solid #fff}.shots .s img{width:100%;height:100%;object-fit:cover}.shots .s button{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;border:0;background:#0009;color:#fff;display:grid;place-items:center;padding:0}.shots .s button svg{width:14px;height:14px}.analyse{justify-self:end;background:#fff;color:var(--cam)}.cam-fallback{position:relative;z-index:2;margin:auto 20px;background:#ffffff14;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:14px}.cam-fallback h2{font-size:22px}.processing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0d1310e6;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px}.processing ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;min-width:240px}.processing li{display:flex;gap:12px;align-items:center;font-weight:600;opacity:.45;transition:opacity .3s}.processing li.on{opacity:1}.processing li.done{opacity:.8}.processing li svg{width:22px;height:22px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing .lbl{width:150px;height:190px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 10px 40px #00000080}.processing .lbl img{width:100%;height:100%;object-fit:cover}.processing .lbl:after{content:"";position:absolute;left:0;right:0;height:3px;background:#7ad3b6;box-shadow:0 0 18px #7ad3b6;top:0;animation:sweep 1.6s ease-in-out infinite alternate}@keyframes sweep{to{top:calc(100% - 3px)}}.hero-score{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.big{font-size:64px;font-weight:800;line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.big small{font-size:20px;font-weight:650;color:var(--ink-3);letter-spacing:0;margin-left:2px}.band{font-size:20px;font-weight:750}.bars{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin-top:10px}.bars i{height:8px;border-radius:3px;background:var(--surface-2)}.b-excellent{--b: var(--excellent);--bb: var(--excellent-bg)}.b-good{--b: var(--good);--bb: var(--good-bg)}.b-fair{--b: var(--fair);--bb: var(--fair-bg)}.b-weak{--b: var(--weak);--bb: var(--weak-bg)}.b-none{--b: var(--ink-3);--bb: var(--surface-2)}.b-color{color:var(--b)}.bars i.on{background:var(--b)}.product-name{font-size:22px;font-weight:750}.summary p+p{margin-top:4px}.summary p:first-child{font-weight:650}.inds{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ind{background:var(--surface);border-radius:var(--r);padding:12px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}.ind .k{font-size:13px;color:var(--ink-3);font-weight:650;display:flex;align-items:center;gap:6px}.ind .k svg{width:16px;height:16px}.ind .v{font-weight:750;display:flex;align-items:center;gap:6px}.ind .v .dot{width:9px;height:9px;border-radius:50%;background:var(--c, var(--ink-3))}.c-good{--c: var(--excellent)}.c-mid{--c: var(--fair)}.c-bad{--c: var(--weak)}.c-none{--c: var(--ink-3)}.facts{background:var(--surface);border:2px solid var(--line-strong);border-radius:6px;padding:10px 14px 12px}.facts h3{font-size:26px;font-weight:850;letter-spacing:-.02em}.facts .serv{font-size:13.5px;color:var(--ink-2);padding:2px 0 8px;border-bottom:9px solid var(--line-strong)}.facts .hd{display:grid;grid-template-columns:1fr auto 56px;gap:8px;font-size:12.5px;font-weight:800;padding:5px 0;border-bottom:3px solid var(--line-strong)}.facts .hd span:nth-child(n+2),.facts .fr .n,.facts .fr .p{text-align:right}.fr{display:grid;grid-template-columns:1fr auto 56px;gap:4px 8px;padding:9px 0;border-bottom:1px solid var(--line);align-items:baseline;width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left}.fr .nm{font-weight:700}.fr .n,.fr .p{font-variant-numeric:tabular-nums;font-weight:650}.fr .tags{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px}.fr .tags .chip{font-size:12px;padding:3px 9px}.facts .ft{font-size:12.5px;color:var(--ink-3);padding-top:8px;border-top:5px solid var(--line-strong);margin-top:-1px}.note{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);font-size:15px}.note svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.note.high{background:var(--danger-bg);color:var(--danger);box-shadow:none}.note.high p{color:var(--ink)}.note.info svg{color:var(--warn)}.note.tip svg{color:var(--accent)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions .btn.primary{grid-column:1 / -1}.banner{background:var(--fair-bg);color:var(--fair);border-radius:var(--r);padding:11px 14px;font-weight:650;font-size:14px;display:flex;gap:10px;align-items:center}.banner svg{width:18px;height:18px;flex-shrink:0}.disclaimer{font-size:13px;color:var(--ink-3);text-align:center;padding:0 8px}.cmp{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px}.cmp .col{background:var(--surface);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;min-width:0}.cmp .col.win{outline:2.5px solid var(--excellent)}.cmp .nm{font-weight:700;font-size:15px;overflow-wrap:anywhere}.cmp .sc{font-size:40px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.cmp-table{width:100%;border-collapse:collapse;font-size:14px}.cmp-table th,.cmp-table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-variant-numeric:tabular-nums}.cmp-table th{font-size:12.5px;color:var(--ink-3);font-weight:700}.tbl-wrap{overflow-x:auto;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:4px 8px}.verdict{display:flex;flex-direction:column;gap:10px;border-left:5px solid var(--b)}.verdict .vw{font-size:22px;font-weight:800;letter-spacing:-.02em}.verdict .vt{font-size:16px;line-height:1.45}.verdict .linkbtn svg,.verdict .row svg{width:15px;height:15px}.spin-slow{animation:spin 2.4s linear infinite}.rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.rk{display:flex;flex-direction:column;gap:10px}.rk.win{outline:2.5px solid var(--excellent)}.rk-head{display:flex;align-items:center;gap:10px}.rk-head .pos{width:28px;height:28px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-weight:800;font-size:14px;flex-shrink:0}.rk.win .pos{background:var(--excellent);color:#fff}.rk-head .thumb{width:42px;height:42px;border-radius:10px;object-fit:cover;background:var(--surface-2);flex-shrink:0}.rk-name{border:0;background:none;padding:0;text-align:left;min-width:0;color:inherit}.rk-name .t{display:block;font-weight:750;font-size:16px;overflow-wrap:anywhere}.rk-name .d{display:block;font-size:13px;color:var(--ink-3)}.rk-sc{font-size:30px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex-shrink:0}.rk-sc small{font-size:13px;color:var(--ink-3);font-weight:650;letter-spacing:0}.rk .bars{margin-top:0}.why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14.5px}.why-list li{display:flex;gap:8px;align-items:flex-start}.why-list svg{width:17px;height:17px;flex-shrink:0;margin-top:2px}.why-list .pro svg{color:var(--excellent)}.why-list .con svg{color:var(--fair)}.cmp-table tr.hl th,.cmp-table tr.hl td{background:var(--surface-2)}.cmp-table th[scope=row]{min-width:78px;width:26%}.cmp-table td{min-width:74px;overflow-wrap:anywhere}.cmp-table th,.cmp-table td{padding:9px 6px;font-size:13.5px}.cmp-table thead th{font-size:12px;overflow-wrap:anywhere}.cmp-table .price{width:100%;max-width:88px;min-height:36px;border:1.5px solid var(--line);border-radius:8px;padding:4px 8px;font:inherit;background:var(--surface);color:var(--ink)}.glass-seg{position:relative;z-index:2;margin:12px 16px 0;background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-seg button{color:#ffffffd9;display:inline-flex;align-items:center;justify-content:center;gap:6px}.glass-seg button svg{width:16px;height:16px}.glass-seg button[aria-pressed=true]{background:#fff;color:var(--cam)}.cmp-tray{position:relative;z-index:2;margin:10px 16px 0;display:flex;flex-direction:column;gap:8px}.cmp-tray .pk{display:flex;align-items:center;gap:10px;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;padding:6px 6px 6px 8px}.cmp-tray .pk img,.cmp-tray .pk .ph{width:34px;height:34px;border-radius:8px;object-fit:cover;background:#fff3;flex-shrink:0}.cmp-tray .pk .n{display:block;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-tray .pk .sc{display:block;font-size:12.5px;opacity:.8}.cmp-tray .pk .grow{min-width:0}.cmp-tray .pk button{width:36px;height:36px;border:0;border-radius:50%;background:#ffffff24;color:#fff;display:grid;place-items:center;padding:0;flex-shrink:0}.cmp-tray .pk button svg{width:16px;height:16px}.progress{display:flex;align-items:center;gap:16px}.ring{--p: 0;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--surface-2) 0);display:grid;place-items:center;flex-shrink:0}.ring:after{content:attr(data-l);width:50px;height:50px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-weight:800;font-size:15px}.slot-h{display:flex;align-items:center;gap:8px;font-weight:750;font-size:15px;margin:4px 2px -4px;color:var(--ink-2)}.slot-h svg{width:18px;height:18px}.slot-h .time{margin-left:auto;color:var(--ink-3);font-weight:600;font-size:14px}.tick{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex-shrink:0;background:none;padding:0}.tick svg{width:18px;height:18px;opacity:0}.tick[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tick[aria-pressed=true] svg{opacity:1}.tickwrap{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;padding:0;margin:-7px}.li.done .t{text-decoration:line-through;color:var(--ink-3)}.goals{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.goal{border:0;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px;min-height:96px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-align:left;font-weight:700;font-size:16px}.goal svg{width:26px;height:26px;color:var(--accent)}.goal.mine{background:var(--accent-soft)}.ev{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700}.ev i{display:inline-flex;gap:2px}.ev i b{width:6px;height:12px;border-radius:2px;background:var(--line)}.ev i b.on{background:var(--accent)}.kv{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:15px}.kv dt{color:var(--ink-3)}.kv dd{margin:0;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}.prose{display:flex;flex-direction:column;gap:12px;font-size:15.5px;color:var(--ink-2)}.prose h2{font-size:18px;color:var(--ink);margin-top:8px}.prose ul{margin:0;padding-left:20px}.prose li{margin-bottom:6px}.welcome{min-height:100%;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 28px) 24px calc(env(safe-area-inset-bottom,0px) + 24px);gap:26px;max-width:560px;margin:0 auto}.logo{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.14em;font-size:15px}.logo .mark{width:34px;height:34px;border-radius:10px;background:var(--accent);display:grid;place-items:center;color:var(--on-accent)}.logo .mark svg{width:20px;height:20px}.welcome h1{font-size:clamp(38px,11vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1}.welcome .lede{font-size:18px;color:var(--ink-2)}.welcome ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.welcome li{display:flex;gap:14px;align-items:center;font-weight:650}.welcome li span.i{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.welcome li svg{width:20px;height:20px}.demo-label{position:relative;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.steps{display:flex;gap:6px}.steps i{flex:1;height:5px;border-radius:3px;background:var(--line)}.steps i.on{background:var(--accent)}.why{font-size:14px;color:var(--ink-3);display:flex;gap:8px;align-items:flex-start}.why svg{width:16px;height:16px;flex-shrink:0;margin-top:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (min-width: 700px){.page{padding-top:28px}}.cam.comparing .frame{top:34%;bottom:34%}