:root{--q-ink:#0d1f16;--q-green:#1f6d43;--q-green2:#3f9463;--q-lime:#b7df74;--q-cream:#f4f0e5;--q-card:#fffef9;--q-line:#dfe7dd;--q-muted:#617067;--q-warn:#be7d1f;--q-red:#b74535}body{background:radial-gradient(circle at 15% 10%,#edf5e8 0,transparent 30%),linear-gradient(180deg,#fbfcf7,#f5f2e8)}.quality-shell{max-width:1480px;margin:auto;padding:44px 5vw 80px}.quality-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}.quality-intro,.quality-score-card{border:1px solid var(--q-line);border-radius:28px;background:#ffffffd9;backdrop-filter:blur(12px);box-shadow:0 24px 70px #153c2614}.quality-intro{padding:38px}.quality-intro h1{font-size:clamp(42px,5vw,78px);max-width:900px;margin:12px 0 20px}.quality-intro .lead{max-width:850px}.quality-score-card{padding:30px;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}.quality-ring{--pct:0;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--q-green) calc(var(--pct)*1%),#dfe8df 0);position:relative}.quality-ring:after{content:'';position:absolute;inset:18px;background:#fffef9;border-radius:50%}.quality-ring strong{position:relative;z-index:2;font-size:44px}.quality-ring span{position:absolute;z-index:2;bottom:45px;font-size:12px;color:var(--q-muted)}.score-copy h2{font-size:30px;margin:0 0 10px}.score-copy p{color:var(--q-muted);line-height:1.6}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:24px 0}.metric-card{background:var(--q-card);border:1px solid var(--q-line);border-radius:18px;padding:20px;min-height:135px;display:flex;flex-direction:column;justify-content:space-between}.metric-card strong{font-size:clamp(26px,3vw,42px);letter-spacing:-.04em}.metric-card span{font-size:13px;color:var(--q-muted)}.metric-card small{font-size:11px;color:var(--q-green)}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quality-panel{background:var(--q-card);border:1px solid var(--q-line);border-radius:24px;padding:26px;min-height:360px}.quality-panel.wide{grid-column:1/-1}.quality-panel h2{font-size:28px;margin:0 0 6px}.quality-panel>p{color:var(--q-muted);margin-top:0}.bar-list{display:grid;gap:14px;margin-top:24px}.bar-row{display:grid;grid-template-columns:minmax(120px,220px) 1fr 90px;gap:14px;align-items:center}.bar-row label{font-size:13px;font-weight:700}.bar-track{height:13px;background:#e8eee8;border-radius:999px;overflow:hidden}.bar-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--q-green),var(--q-lime));transition:width .5s ease}.bar-row output{text-align:right;font-variant-numeric:tabular-nums;color:var(--q-muted);font-size:12px}.ratio-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ratio-card{padding:18px;border:1px solid var(--q-line);border-radius:18px;background:linear-gradient(150deg,#fff,#f5f8f1)}.ratio-card strong{font-size:30px;display:block}.ratio-card span{font-size:12px;color:var(--q-muted)}.quality-note{margin-top:24px;padding:18px;border-radius:16px;background:#173f2a;color:white;display:flex;gap:20px;align-items:flex-start}.quality-note b{white-space:nowrap}.quality-note p{margin:0;color:#cbd9cf;line-height:1.55}.quality-loading{opacity:.55}.quality-error{padding:20px;border:1px solid #e3c3bd;background:#fff5f3;color:var(--q-red);border-radius:14px}.updated-at{font-size:12px;color:var(--q-muted);margin-top:12px}.quality-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eaf4e7;color:var(--q-green);font-size:12px;font-weight:700}.quality-kicker:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--q-green)}@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(3,1fr)}.ratio-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.quality-hero,.quality-grid{grid-template-columns:1fr}.quality-score-card{grid-template-columns:1fr;text-align:center}.quality-ring{margin:auto}.quality-panel.wide{grid-column:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.ratio-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.quality-shell{padding:28px 18px 60px}.quality-intro,.quality-score-card,.quality-panel{padding:20px;border-radius:20px}.metric-grid,.ratio-cards{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr}.bar-row output{text-align:left}.quality-note{flex-direction:column}.quality-ring{width:150px;height:150px}.quality-ring strong{font-size:36px}.quality-ring span{bottom:36px}}@media(prefers-reduced-motion:reduce){.bar-fill{transition:none}}