:root{--bg: #FFFFFF;--surf: #F3F5FA;--text: #111318;--muted: #5B6070;--line: #E4E6EB;--acc: #2340E8;--acc-tx: #2340E8;--on-acc: #FFFFFF;--org: #FF6A2B;--on-org: #111318;--org-tx: #C2410C;--ink: #111318;--on-ink: #FFFFFF;--good: #0E7C55;--bad: #B42318;--switch-off: #C9CDD6;--t0-bg: var(--acc);--t0-fg: #FFFFFF;--t1-bg: var(--org);--t1-fg: #111318;--t2-bg: var(--ink);--t2-fg: var(--on-ink);--t3-bg: #E3F2FF;--t3-fg: var(--text);--t4-bg: #F3E8FF;--t4-fg: var(--text);--t5-bg: #E6FCF5;--t5-fg: var(--text);--p0: #FFE3E3;--p1: #E3F2FF;--p2: #E6FCF5;--p3: #FFF3BF;--p4: #F3E8FF;--p5: #FFE8CC;--head: "Bricolage Grotesque", system-ui, sans-serif;--body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--r: 20px;--r-sm: 14px;--tabbar: 68px;--header: 60px;color-scheme:light}:root[data-theme=dark]{--bg: #000000;--surf: #0F1117;--text: #FFFFFF;--muted: #A3A8B4;--line: #262A33;--acc: #3557FF;--acc-tx: #8DA2FF;--org-tx: #FF8A5C;--ink: #FFFFFF;--on-ink: #000000;--good: #4ADE9B;--bad: #FF8080;--switch-off: #3A3F4B;--t3-bg: #0B1622;--t4-bg: #170D22;--t5-bg: #071A14;--p0: #1F0E0E;--p1: #0B1622;--p2: #071A14;--p3: #1C1806;--p4: #170D22;--p5: #1F1408;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header) + 12px)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom))}img{max-width:100%;height:auto;display:block}a{color:var(--acc-tx)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.h{font-family:var(--head);font-weight:800;letter-spacing:-.5px;line-height:1.08;margin:0}.muted{color:var(--muted)}.icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.narrow{max-width:720px}.section{padding-top:28px}.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.sec-head h2{font-size:22px}.link-btn{min-height:44px;display:inline-flex;align-items:center;color:var(--acc-tx);font-weight:600;font-size:14px;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.hscroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px;scroll-snap-type:x proximity;scroll-padding-inline:20px}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start}.top{position:sticky;top:0;z-index:30;height:var(--header);background:var(--bg);border-bottom:1px solid var(--line)}.top-in{height:100%;display:flex;align-items:center;gap:6px;padding:0 10px;max-width:1120px;margin:0 auto}.ibtn{width:44px;height:44px;flex:none;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);border-radius:999px;text-decoration:none}.ibtn.round{border:1px solid var(--line);background:var(--surf)}.logo{flex:1;min-width:0;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text)}.logo-mark{width:30px;height:30px;flex:none;border-radius:10px;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center}.logo-mark .icon{width:18px;height:18px;stroke-width:2.4}.logo-name{font-family:var(--head);font-weight:800;font-size:21px;letter-spacing:-.5px}.desk-nav{display:none}.theme-moon{display:block}.theme-sun{display:none}:root[data-theme=dark] .theme-moon{display:none}:root[data-theme=dark] .theme-sun{display:block}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--bg);border-top:1px solid var(--line)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:600;position:relative}.tab .pill{width:54px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:background .15s}.tab .icon{width:21px;height:21px}.tab[aria-current=page]{color:var(--acc-tx)}.tab[aria-current=page] .pill{background:var(--surf)}.badge{position:absolute;top:6px;left:calc(50% + 8px);min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--org);color:var(--on-org);font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center}.badge.show{display:flex}.sheet{position:fixed;inset:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .22s ease;visibility:hidden}.sheet.from-right{transform:translate(100%)}.sheet.open{transform:none;visibility:visible}.sheet-head{height:var(--header);flex:none;display:flex;align-items:center;gap:6px;padding:0 10px 0 20px;border-bottom:1px solid var(--line)}.sheet-body{flex:1;overflow-y:auto;padding:8px 20px 32px}.sheet-in{max-width:720px;margin:0 auto;width:100%}@media(prefers-reduced-motion:reduce){.sheet{transition:none}}.mlink{min-height:52px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-size:17px;font-weight:600}.mlink .icon:first-child{color:var(--acc-tx);width:20px;height:20px}.mlink span{flex:1}.mlink .icon:last-child{color:var(--muted);width:18px;height:18px}.switch-row{margin-top:16px;width:100%;min-height:62px;padding:0 16px;border-radius:18px;border:1px solid var(--line);background:var(--surf);display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.switch-row b{display:block;font-size:16px}.switch{width:50px;height:30px;border-radius:999px;background:var(--switch-off);position:relative;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:#fff;transition:left .15s}:root[data-theme=dark] .switch{background:var(--acc)}:root[data-theme=dark] .switch:after{left:23px}.mode-on{display:none}:root[data-theme=dark] .mode-on{display:inline}:root[data-theme=dark] .mode-off{display:none}.label-caps{display:block;margin:24px 0 10px;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social{min-height:48px;padding:0 12px;border-radius:14px;border:1px solid var(--line);display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:14px;font-weight:600}.social i,.soc-round{width:28px;height:28px;border-radius:999px;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:800;flex:none}.search-field{flex:1;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border-radius:14px;background:var(--surf);color:var(--muted)}.search-field input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-size:16px;color:var(--text)}.result{width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:600;font-size:15px}.result small{display:block;font-weight:500;color:var(--muted);font-size:12px}.btn{min-height:50px;padding:0 20px;border-radius:var(--r-sm);border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer}.btn-acc{background:var(--acc);color:var(--on-acc)}.btn-org{background:var(--org);color:var(--on-org)}.btn-ink{background:var(--ink);color:var(--on-ink)}.btn-dark{background:#111318;color:#fff}.btn-line{background:var(--bg);color:var(--text);border:1.5px solid var(--line)}.btn-outline{background:none;color:var(--text);border:1.5px solid var(--text)}.btn-block{width:100%}.chip{flex:none;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--text);display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.chip.solid{border:1.5px solid var(--text);min-height:44px;padding:0 16px}.chip[aria-pressed=true],.chip.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.chip .icon{width:14px;height:14px;color:var(--org-tx);stroke-width:2.4}.hero{padding-top:22px}.hero .hi{font-size:14px;font-weight:600;color:var(--muted)}.hero h1{font-size:clamp(34px,8vw,56px);line-height:1.04;letter-spacing:-.8px;margin:2px 0 16px}.hero h1 em{font-style:normal;color:var(--acc-tx)}.box{border-radius:22px;background:var(--surf);padding:16px}.seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--bg);margin:12px 0}.seg button{flex:1;min-height:44px;border:0;border-radius:11px;background:none;font-weight:600;font-size:15px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--acc);color:#fff}.budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.budget{min-height:72px;border-radius:16px;background:var(--bg);color:var(--text);padding:12px 14px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;gap:2px}.budget b{font-family:var(--head);font-weight:800;font-size:22px;color:var(--acc-tx)}.budget span{font-size:13px;color:var(--muted)}.quiz-cta{border-radius:22px;background:var(--org);color:var(--on-org);padding:20px;display:flex;align-items:center;gap:14px}.quiz-cta b{display:block;font-family:var(--head);font-weight:800;font-size:22px;line-height:1.1;margin-bottom:4px}.quiz-cta p{margin:0;font-size:14px;line-height:1.45}.quiz-cta .btn{flex:none;min-height:48px;padding:0 16px}.cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cat{border-radius:20px;padding:16px 6px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-size:14px;font-weight:600;text-align:center}.cat .icon{width:28px;height:28px;stroke-width:1.8}.trend-card{flex:0 0 256px;border:1px solid var(--line);border-radius:22px;overflow:hidden;color:var(--text);text-decoration:none;display:flex;flex-direction:column;background:var(--bg)}.trend-card .thumb{height:136px;border-radius:0;font-size:26px}.trend-card .meta{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.tag{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--acc-tx)}.card-title{font-size:16px;font-weight:600;line-height:1.3}.rank-row{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:600;line-height:1.3}.rank-row b{font-family:var(--head);font-weight:800;font-size:30px;width:32px;color:var(--org-tx);flex:none}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spec{border-radius:20px;background:var(--surf);color:var(--text);padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:6px}.spec b{font-family:var(--head);font-weight:800;font-size:26px;color:var(--acc-tx)}.spec span{font-size:14px;font-weight:600;line-height:1.35}.news{background:var(--ink);color:var(--on-ink);border-radius:22px;padding:22px 18px;display:flex;flex-direction:column;gap:12px}.news b{font-family:var(--head);font-weight:800;font-size:22px;line-height:1.15}.news form{display:flex;gap:8px}.news input{flex:1;min-width:0;min-height:46px;border-radius:12px;border:0;padding:0 12px;font:inherit;font-size:15px;background:var(--bg);color:var(--text)}.news .btn{min-height:46px;padding:0 16px}.news .ok{display:none;font-weight:600}.news.done form{display:none}.news.done .ok{display:block}.thumb{border-radius:var(--r-sm);padding:14px;display:flex;align-items:flex-end;font-family:var(--head);font-weight:800;line-height:1;white-space:pre-line;overflow:hidden;position:relative}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.t0{background:var(--t0-bg);color:var(--t0-fg)}.t1{background:var(--t1-bg);color:var(--t1-fg)}.t2{background:var(--t2-bg);color:var(--t2-fg)}.t3{background:var(--t3-bg);color:var(--t3-fg)}.t4{background:var(--t4-bg);color:var(--t4-fg)}.t5{background:var(--t5-bg);color:var(--t5-fg)}.list-card{display:flex;gap:12px;align-items:stretch;border:1px solid var(--line);border-radius:20px;padding:10px;background:var(--bg)}.list-card>a{flex:1;min-width:0;display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none}.list-card .thumb{flex:0 0 92px;height:92px;font-size:14px;line-height:1.05;padding:10px}.list-card .tag{font-size:11px}.list-card .card-title{font-size:15px}.list-card small{font-size:12px;color:var(--muted)}.save-btn{flex:0 0 44px;height:44px;align-self:flex-start;border:0;background:none;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.save-btn[aria-pressed=true]{color:var(--acc-tx)}.save-btn[aria-pressed=true] .icon{fill:currentColor}.cards{display:flex;flex-direction:column;gap:12px}.empty{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.empty .circle{width:72px;height:72px;border-radius:999px;background:var(--surf);color:var(--acc-tx);display:flex;align-items:center;justify-content:center}.empty .circle .icon{width:32px;height:32px}.art-cover{height:196px;margin-top:16px;border-radius:22px;padding:20px;flex-direction:column;align-items:stretch;justify-content:space-between;font-size:38px;line-height:.98}.art-cover .pilltag{align-self:flex-start;background:var(--org);color:var(--on-org);font-family:var(--body);font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;line-height:1.4;position:relative}.art-cover span.big{position:relative}.article{padding:18px 0 28px;font-size:16px;line-height:1.7}.article h1{font-size:clamp(28px,6vw,42px);margin:6px 0 10px;line-height:1.1}.article h2{font-family:var(--head);font-weight:800;font-size:23px;line-height:1.2;margin:32px 0 10px;letter-spacing:-.3px}.byline{font-size:13px;color:var(--muted);line-height:1.5}.art-actions{display:flex;gap:8px;margin-top:14px}.art-actions button{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.art-actions .icon{width:18px;height:18px}.art-actions button[aria-pressed=true]{background:var(--acc);color:#fff;border-color:var(--acc)}.art-actions button[aria-pressed=true] .icon{fill:currentColor}.disclose{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--muted);background:var(--surf);padding:10px 12px;border-radius:12px}.short{margin-top:20px;background:var(--ink);color:var(--on-ink);border-radius:20px;padding:18px}.short h2{margin:0 0 8px;font-size:20px}.short-row{display:flex;gap:10px;align-items:center;padding:6px 0;font-size:14px;line-height:1.4}.short-row b{flex:none;background:#fff;color:#111318;font-size:12px;padding:3px 8px;border-radius:8px}.short-row:first-of-type b{background:var(--org)}.short-row a{color:inherit}.check{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.5}.check .n{flex:0 0 28px;height:28px;border-radius:999px;background:var(--surf);color:var(--acc-tx);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.check small{display:block;font-size:14px;color:var(--muted)}.pick{border:2px solid var(--text);border-radius:22px;overflow:hidden;margin-bottom:16px}.pick-head{background:var(--org);color:var(--on-org);padding:8px 16px;font-size:13px;font-weight:700}.pick-body{padding:16px;display:flex;flex-direction:column;gap:12px}.pick-top{display:flex;gap:14px;align-items:center;line-height:1.35}.pick-img{flex:0 0 84px;height:104px;border-radius:14px;background:var(--surf);color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;overflow:hidden}.pick-img img{width:100%;height:100%;object-fit:contain}.pick-name{font-family:var(--head);font-weight:800;font-size:20px;display:block}.pick-price{font-weight:700;color:var(--acc-tx)}.who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:13px;line-height:1.45}.who div{background:var(--surf);border-radius:12px;padding:10px}.who b{display:block}.who .yes b{color:var(--good)}.who .no b{color:var(--bad)}.pick .btn{min-height:48px}.mistakes{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}details.faq{border-bottom:1px solid var(--line);padding:14px 0}details.faq summary{font-weight:600;cursor:pointer;min-height:24px}details.faq p{margin:8px 0 0;color:var(--muted);font-size:15px}.related{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:600;line-height:1.3;font-size:15px}.related .thumb{flex:0 0 64px;height:64px;font-size:11px;padding:6px;border-radius:12px}.prose p{margin:0 0 14px}.prose ul,.prose ol{padding-left:20px}.cmp-heads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.cmp-head{background:var(--surf);border-radius:20px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.cmp-head .pick-img{flex:none;width:72px;height:92px;background:var(--bg)}.cmp-head b{font-family:var(--head);font-size:17px;line-height:1.2}.cmp-table{border:1px solid var(--line);border-radius:20px;overflow:hidden}.cmp-row{padding:14px;border-bottom:1px solid var(--line)}.cmp-row:last-child{border-bottom:0}.cmp-row-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;font-size:15px}.win{font-size:11px;font-weight:700;background:var(--org);color:var(--on-org);padding:3px 8px;border-radius:999px;white-space:nowrap}.cmp-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:13px;color:var(--muted)}.cmp-cells .w{color:var(--text);font-weight:600}.verdict{margin-top:16px;background:var(--ink);color:var(--on-ink);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.5}.dots{display:flex;gap:4px;margin-bottom:24px}.dots span{flex:1;height:6px;border-radius:999px;background:var(--line);transition:background .2s}.dots span.on{background:var(--org)}.q-meta{display:flex;justify-content:space-between;font-size:14px}.q-meta b{color:var(--org-tx)}.q-title{font-size:30px;line-height:1.1;margin:8px 0 22px}.opts{display:flex;flex-direction:column;gap:10px}.opt{min-height:60px;text-align:left;padding:0 18px;border-radius:16px;border:1.5px solid var(--line);background:var(--surf);color:var(--text);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.opt:hover{border-color:var(--acc)}.res{border-radius:16px;padding:16px;display:flex;justify-content:space-between;gap:8px;background:var(--surf);color:var(--text);text-decoration:none}.res.best{background:var(--acc);color:#fff}.res span:last-child{opacity:.8;white-space:nowrap}.foot{padding:32px 0;color:var(--muted);font-size:13px;display:flex;flex-direction:column;gap:12px}.foot .logo-name{color:var(--text);font-size:18px}.foot-links{display:flex;flex-wrap:wrap;gap:4px 16px}.foot-links a{color:var(--muted);min-height:32px;display:inline-flex;align-items:center}.soc-row{display:flex;gap:8px;flex-wrap:wrap}.soc-row a{width:44px;height:44px;border-radius:999px;border:1px solid var(--line);color:var(--text);text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.sample-banner{background:var(--org);color:var(--on-org);font-size:13px;font-weight:600;text-align:center;padding:6px 12px}@media(min-width:720px){.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.spec-grid,.budget-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){body{padding-bottom:0}.tabbar{display:none}.desk-nav{display:flex;gap:4px;margin-right:8px}.desk-nav a{min-height:44px;display:flex;align-items:center;padding:0 12px;border-radius:999px;color:var(--text);text-decoration:none;font-weight:600;font-size:15px}.desk-nav a[aria-current=page]{background:var(--surf);color:var(--acc-tx)}.logo{flex:0 0 auto;margin-right:auto}.home-split{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:end}}