*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#172026;background:#f4f6f5}
.top{max-width:1040px;margin:0 auto;padding:28px 18px 8px}
h1{font-size:1.75rem;line-height:1.2;margin:0 0 8px}
.lead{font-size:1.1rem;margin:0 0 6px}
.trust{color:#0f766e;font-weight:600;margin:0}
main{max-width:1040px;margin:0 auto;padding:8px 18px 40px}
.card{background:#fff;border:1px solid #dfe5e2;border-radius:12px;padding:18px 20px;margin:14px 0}
h2{font-size:1.1rem;margin:14px 0 8px}h2 small,h3 small{font-weight:400;color:#5b6b66;font-size:.85rem}
h3{font-size:1rem;margin:14px 0 6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
label{display:flex;flex-direction:column;font-size:.85rem;color:#3c4a46;gap:3px}
input,select{font:inherit;padding:7px 9px;border:1px solid #c6d0cc;border-radius:8px;background:#fff;min-width:0}
input:focus,select:focus{outline:2px solid #0f766e;border-color:#0f766e}
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%}
th,td{text-align:left;padding:6px 6px;border-bottom:1px solid #edf1ef;vertical-align:top}
th{font-size:.8rem;color:#5b6b66;font-weight:600}
#tasks input.n{width:72px}#tasks .t-name{width:100%;min-width:220px}#tasks select{max-width:190px}
button,.buy,.file{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;background:#0f766e;color:#fff;text-decoration:none;display:inline-block}
button.ghost,.file.ghost{background:#e6efec;color:#0f4f49}
button.del{background:none;color:#a33;font-size:1.2rem;padding:2px 8px}
button.pro{background:#173f5f}
.file input{display:none}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.small{font-size:.83rem;color:#5b6b66}
.ok{color:#0f766e}.err{color:#a33}
.result .kicker{margin:0;color:#5b6b66;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}
.result .big{font-size:2rem;font-weight:800;color:#0f766e;margin:4px 0 6px;line-height:1.15}
.rank .tag{font-size:.75rem;border-radius:20px;padding:2px 8px;background:#eef2f0;white-space:nowrap}
.rank tr.quick-win .tag{background:#d6f3ea;color:#0b5c50;font-weight:700}
.rank tr.skip{opacity:.55}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:14px 0}
.opt{border:1px solid #dfe5e2;border-radius:10px;padding:12px}.opt.rec{border:2px solid #0f766e}
.opt h3{margin:0}.opt p{margin:4px 0}.opt .price{font-size:1.5rem;font-weight:800}.opt .price small{font-size:.9rem;font-weight:600}
.upsell{background:#f2f7fb;border-left:4px solid #173f5f;padding:10px 12px;border-radius:6px}
#prop{border:1px dashed #c6d0cc;border-radius:10px;padding:6px 16px;max-height:420px;overflow:auto}
.ticks{padding-left:20px}
.buyrow{display:flex;gap:10px;flex-wrap:wrap}.buy.alt{background:#173f5f}
.ckrow{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:4px 0}.ckrow input{width:90px}
@media (max-width:600px){h1{font-size:1.4rem}.result .big{font-size:1.5rem}}
.live{position:sticky;top:0;z-index:2;margin:-6px -8px 6px;padding:8px 12px;background:#0f766e;color:#fff;font-weight:700;border-radius:8px}