:root{--bg:#f1f3f6;--surface:#fff;--ink:#18202b;--muted:#5b6675;--line:#d9dee5;--accent:#2b45f5;--accent-ink:#fff;--yes:#17794f;--yes-bg:#e3f3eb;--no:#b8322a;--no-bg:#f9e6e4;--display:"Bricolage Grotesque","Arial Narrow",Arial,sans-serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10151c;--surface:#18202b;--ink:#eef1f5;--muted:#9aa6b6;--line:#2c3644;--accent:#7f90ff;--accent-ink:#0e1330;--yes:#5fd39a;--yes-bg:#14281f;--no:#ff8a80;--no-bg:#2e1917}}:root[data-theme=dark]{--bg:#10151c;--surface:#18202b;--ink:#eef1f5;--muted:#9aa6b6;--line:#2c3644;--accent:#7f90ff;--accent-ink:#0e1330;--yes:#5fd39a;--yes-bg:#14281f;--no:#ff8a80;--no-bg:#2e1917}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{max-width:960px;margin:0 auto;padding:20px 18px 72px}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;line-height:1.05}.brand{border-bottom:2px solid var(--ink);margin-bottom:26px;padding:28px 0 22px}.brand-name{font-size:clamp(2.4rem,9vw,4.6rem);font-weight:800}.brand-about{max-width:58ch;color:var(--muted);margin:14px 0 0;font-size:1.05rem}.brand-facts{flex-wrap:wrap;gap:8px 22px;margin:16px 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.brand-facts b{font-weight:600}.tools{gap:10px;margin-bottom:20px;display:flex}.search{min-width:0;font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;flex:1;padding:13px 14px}.count{color:var(--muted);white-space:nowrap;align-self:center;font-size:.92rem}.grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width>=720px){.grid{grid-template-columns:repeat(3,1fr);gap:18px}}.tile{color:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:210px;padding:16px;text-decoration:none;transition:transform .15s;display:flex;position:relative;overflow:hidden}.tile:hover{transform:translateY(-3px)}.tile-cat{opacity:.9;font-size:.85rem;font-weight:500}.tile-name{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.25rem,4.6vw,1.7rem);font-weight:800;line-height:1.02}.tile-foot{justify-content:space-between;align-items:flex-end;gap:8px;font-size:.9rem;font-weight:500;display:flex}.tile-comm{background:#00000047;border-radius:99px;padding:4px 9px}.empty{color:var(--muted);padding:40px 0}.back{margin:6px 0 18px;padding:8px 0;font-weight:600;text-decoration:none;display:inline-block}.back:hover{text-decoration:underline}.phero{color:#fff;border-radius:16px;margin-bottom:12px;padding:22px 20px 20px}.phero .tile-cat{margin-bottom:34px}.phero h1{max-width:14ch;font-size:clamp(2rem,8vw,3.6rem);font-weight:800}.phero p{opacity:.95;max-width:46ch;margin:12px 0 0;font-size:1.05rem}.meta{flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:0;list-style:none;display:flex}.meta li{background:var(--surface);border:1.5px solid var(--line);border-radius:99px;padding:6px 13px;font-size:.92rem}.meta b{font-weight:600}section.blk{margin-top:38px}section.blk>h2{margin-bottom:16px;font-size:clamp(1.5rem,5vw,2rem)}.kps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.kps li{background:var(--surface);border-left:6px solid var(--pc);border-radius:4px 12px 12px 4px;padding:14px 16px}.kps strong{font-family:var(--display);letter-spacing:-.01em;margin-bottom:2px;font-size:1.15rem;display:block}.kps span{color:var(--muted)}.dd{gap:14px;display:grid}@media (width>=720px){.dd{grid-template-columns:1fr 1fr}}.dd>div{border-radius:14px;padding:18px}.dd h3{margin-bottom:10px;font-size:1.2rem}.dd ul{margin:0;padding-left:1.1em}.dd li{margin:7px 0}.do{background:var(--yes-bg)}.do h3{color:var(--yes)}.dont{background:var(--no-bg)}.dont h3{color:var(--no)}.vids{gap:14px;display:grid}.vid{background:var(--surface);border-radius:14px;grid-template-columns:96px 1fr;gap:14px;padding:12px;display:grid}.vthumb{aspect-ratio:9/16;background:var(--pc);color:#fff;border-radius:10px;place-items:center;display:grid}.vthumb svg{width:30px;height:30px}.vbody{flex-direction:column;gap:6px;min-width:0;display:flex}.vhandle{font-weight:600}.vstats{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:.9rem;display:flex}.vstats b{color:var(--ink);font-weight:600}.vhook{margin:0;font-size:.97rem}.vwhy{color:var(--muted);margin:0;font-size:.92rem}.vlink{background:var(--accent);color:var(--accent-ink);border-radius:99px;align-self:flex-start;margin-top:auto;padding:8px 14px;font-size:.92rem;font-weight:600;text-decoration:none}.vlink:hover{filter:brightness(1.08)}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:56px;padding-top:18px;font-size:.9rem}@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}}
