:root{--bg:#f3f5f9;--ink:#172236;--muted:#6e7b8d;--line:#dfe4ec;--red:#ec352e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button{cursor:pointer}header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(22px,calc((100vw - 1360px)/2));position:sticky;top:0;z-index:10}.logo{display:flex;gap:10px;align-items:center;min-width:270px}.logo>b{width:39px;height:39px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#ff5148,#d91f19);border-radius:10px;font-size:26px}.logo span{display:flex;flex-direction:column}.logo strong{font-size:20px}.logo small{font-size:9px;letter-spacing:2px;color:var(--red);font-weight:bold;margin-top:3px}nav{height:100%;display:flex}nav button{border:0;border-bottom:3px solid transparent;background:none;padding:0 18px;color:#677487;font-size:14px;font-weight:bold}nav button.active{color:var(--red);border-color:var(--red)}.online{margin-left:auto;font-size:13px;color:#5d6a7b;display:flex;align-items:center;gap:8px}.online i{width:8px;height:8px;border-radius:50%;background:#20bc61;box-shadow:0 0 0 5px #20bc6118}main{max-width:1360px;margin:auto;padding:35px 20px 55px}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--red);font-weight:900}.intro h1{margin:9px 0 6px;font-size:34px;letter-spacing:-1.1px}.intro h1 em{font-style:normal;color:var(--red)}.intro p{margin:0;color:var(--muted);font-size:15px}.updated{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 15px}.updated span{display:flex;flex-direction:column;color:#6b7889;font-size:11px}.updated b{color:#22a55a;margin-top:2px}.filters{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;box-shadow:0 10px 30px #24344d0c}.filters label>span{display:block;font-size:9px;letter-spacing:.8px;font-weight:900;color:#687588;margin:0 0 7px 3px}.filters label>div{height:45px;background:#f8fafc;border:1px solid #d9e0e9;border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:7px}.filters input,.filters select{border:0;outline:0;background:transparent;width:100%;color:#263448;font-weight:600;font-size:14px}.filters button{align-self:end;height:45px;border:0;border-radius:9px;background:linear-gradient(135deg,#ff4c43,#dc211b);color:#fff;font-weight:800;padding:0 20px;box-shadow:0 7px 16px #ff3b3030}.filters button:disabled{opacity:.65}.notice{margin-top:12px;background:#fff8e8;border:1px solid #f0d39a;color:#715418;border-radius:9px;padding:10px 13px;font-size:13px}.notice.error{background:#fff0ef;border-color:#f3b1ad;color:#9b2823}.notice.success{background:#eaf9f0;border-color:#abdcbc;color:#216d3c}.result-title{display:flex;align-items:flex-end;justify-content:space-between;margin:25px 0 14px}.result-title h2{font-size:20px;margin:0 0 6px}.result-title p{margin:0;color:#788698;font-size:12px}.tabs{background:#e7ebf1;padding:4px;border-radius:9px;display:flex;gap:4px}.tabs button{border:0;background:transparent;border-radius:6px;padding:7px 11px;color:#657286;font-size:11px;font-weight:bold}.tabs button.active{background:#fff;color:#263449;box-shadow:0 2px 7px #263b5b19}.content{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:17px}.results{display:flex;flex-direction:column;gap:11px}.card{display:grid;grid-template-columns:245px 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;gap:15px}.thumb{position:relative;border-radius:9px;overflow:hidden;min-height:150px;background:#1c2530}.thumb img{width:100%;height:100%;object-fit:cover}.thumb span{position:absolute;left:8px;top:8px;background:#e92d27;color:#fff;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:bold}.card-body{min-width:0;padding:3px 4px 1px 0}.head{display:flex;justify-content:space-between;gap:12px}.head h3{font-size:16px;line-height:1.35;margin:0 0 5px}.head p{margin:0;color:var(--muted);font-size:11px}.score{width:55px;height:55px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--color) var(--angle),#edf0f4 0)}.score span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:16px;font-weight:900}.meta{color:#768397;font-size:10px;margin:9px 0}.metrics{display:flex;gap:25px;background:#f7f9fb;padding:9px 11px;border-radius:8px}.metrics span{display:flex;flex-direction:column;font-size:9px;color:#8995a5}.metrics b{font-size:12px;color:#283548;margin-bottom:2px}.metrics span:nth-child(2) b{color:#23a559}.actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.actions a,.actions button{height:30px;border:1px solid #dbe2ea;background:#fff;border-radius:7px;color:#526176;padding:0 10px;text-decoration:none;display:flex;align-items:center;font-size:10px;font-weight:bold}.actions .save.saved{color:#b57d00;background:#fff9e5}.empty{min-height:280px;border:1px dashed #cad3df;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#788598}.empty>b{font-size:40px}.empty h3{margin:8px 0 5px;color:#2c384b}.empty p{font-size:13px;margin:0}.ai,.legend{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;margin-bottom:12px}.ai-title{display:flex;align-items:center;gap:10px}.ai-title>b{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,#623bd1,#9d50e4);color:#fff}.ai-title span{display:flex;flex-direction:column}.ai-title small{font-size:8px;letter-spacing:1px;color:#7746d7;font-weight:900}.ai-title strong{font-size:14px;margin-top:3px}.ai>p,.legend>p{font-size:12px;color:#657286;line-height:1.55}.pattern{border-left:3px solid #8c4add;background:#f6f1ff;border-radius:0 7px 7px 0;padding:9px 10px;display:flex;flex-direction:column}.pattern small{font-size:8px;color:#8550d2;font-weight:bold}.pattern b{font-size:10px;margin-top:4px}.ai>button{width:100%;height:36px;margin-top:12px;border:0;border-radius:8px;background:#7c45d6;color:#fff;font-size:10px;font-weight:bold}.legend h3{font-size:14px}.legend>span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:bold;margin-top:8px}.legend i{width:8px;height:8px;border-radius:50%}.legend .red{background:#ff3b30}.legend .orange{background:#ff9f0a}.legend .green{background:#34c759}.legend span small{margin-left:auto;color:#8a96a5}
@media(max-width:980px){.filters{grid-template-columns:1fr 1fr}.filters .wide{grid-column:1/-1}.content{grid-template-columns:1fr}aside{display:none}nav{display:none}.updated{display:none}}@media(max-width:620px){header{padding:0 15px;height:62px}.logo{min-width:0}.online{display:none}main{padding:25px 12px}.intro h1{font-size:28px}.filters{grid-template-columns:1fr}.filters .wide{grid-column:auto}.result-title{align-items:flex-start;flex-direction:column;gap:12px}.tabs{width:100%;overflow:auto}.card{grid-template-columns:1fr}.thumb{height:190px}.metrics{justify-content:space-between;gap:5px}.actions>*{flex:1;justify-content:center}}