.icon,.site-header,footer{text-align:center}.back,.card,.cta{text-decoration:none}.cta,.name{font-weight:700}:root{color-scheme:light dark;--bg:#f5f7f9;--card:#fff;--text:#17212b;--muted:#667781;--line:#e3e8ed;--blue:#229ED9;--blue2:#168ac0;--chip:#eef7fc}*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);line-height:1.45;overflow-x:hidden}a{color:inherit}.content p,.count,.hero .desc,.short,.subtitle,footer{color:var(--muted)}.container{width:min(calc(100% - 24px),820px);margin:0 auto}.site-header{padding:14px 0 7px}h1{font-size:clamp(22px,5vw,29px);line-height:1.15;margin:0 0 4px;letter-spacing:-.02em}.subtitle{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 auto;max-width:700px;font-size:12.5px;line-height:1.35}.header-icon{display:inline-flex;flex:0 0 auto;width:17px;height:17px}.header-icon svg{width:17px;height:17px;display:block}.category{margin:16px 0}.category-head{display:flex;align-items:center;gap:7px;margin:0 3px 6px}.category-head h2{font-size:15.5px;line-height:1.2;margin:0}.count{font-size:12px}.grid{display:grid;gap:8px}.card{display:flex;align-items:center;gap:9px;min-width:0;width:100%;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:10px 11px;box-shadow:0 1px 2px rgba(0,0,0,.025)}.name,.short{display:block;overflow-wrap:anywhere}.card:focus-visible{outline:rgba(34,158,217,.45) solid 2px;outline-offset:2px}.card-body{min-width:0;flex:1}.icon{flex:0 0 25px;width:25px;font-size:21px;line-height:1}.name{font-size:14.5px;line-height:1.2}.short{font-size:12.5px;line-height:1.3;margin-top:2px}.arrow,.back{color:var(--blue)}.arrow,.hero .logo,.tag{line-height:1}.arrow{flex:0 0 auto;font-size:19px;padding-left:3px}footer{padding:12px 0 15px;font-size:10.5px}.page{padding:14px 0 28px}.back{display:inline-block;font-size:13px;padding:3px 0}.hero{margin:13px 0 15px}.hero .logo{font-size:26px}.hero h1{font-size:clamp(21px,5vw,28px);margin:6px 0}.hero .desc{max-width:720px;margin:0;font-size:13.5px;line-height:1.45}.feature-list{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 12px}.tag{background:var(--chip);color:var(--blue2);font-size:11px;padding:5px 7px;border-radius:999px;white-space:nowrap}.content{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:15px}.content h2{font-size:16px;line-height:1.25;margin:0 0 6px}.content p{font-size:13px;line-height:1.5;margin:0 0 14px;overflow-wrap:anywhere}.content p:last-child{margin-bottom:0}.cta{display:flex;align-items:center;width:max-content;background:var(--blue);color:#fff;padding:7px 11px;border-radius:8px;font-size:12.5px;margin:12px auto 10px}.cta:focus-visible{outline:rgba(34,158,217,.45) solid 2px;outline-offset:2px}@media (min-width:720px){.container{width:min(calc(100% - 32px),820px)}.grid{gap:8px}.card{padding:10px 12px}}@media (hover:hover){.card:hover{border-color:#b9ddec}}@media (prefers-color-scheme:dark){:root{--bg:#0e1621;--card:#17212b;--text:#f1f5f7;--muted:#9aa9b5;--line:#263544;--chip:#203746}.card:hover{border-color:#356176}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media (max-width:360px){.container{width:calc(100% - 16px)}.card{padding:9px 10px}.name{font-size:14px}.short{font-size:12px}.category{margin:13px 0}}a,body,div,footer,h1,h2,h3,header,html,main,p,section,span{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}
