:root{color-scheme:light;--ink:#172431;--muted:#5d6d78;--line:#dce4e8;--surface:#fff;--canvas:#f3f7f8;--green:#116149;--green-dark:#0a4031;--green-soft:#e5f3ed;--gold:#986315;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);line-height:1.52}.hero{color:#fff;background:linear-gradient(120deg,#0a352d,#13785d);border-bottom:5px solid #83c8ad}.hero__inner,.layout,.notice,footer,.manual{width:min(1180px,calc(100% - 32px));margin:0 auto}.hero__inner{padding:36px 0}.hero--compact .hero__inner{padding:26px 0}.hero nav{display:flex;justify-content:space-between;margin-bottom:24px}.hero nav a{color:#d9f2e9;text-decoration:none;font-weight:750}.eyebrow,.step{margin:0 0 6px;font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:#c6eddf}.step{color:var(--green)}h1{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.06}.hero p:last-child{max-width:800px;margin:14px 0 0;color:#def2eb}.notice{margin-top:22px;padding:13px 16px;border-left:4px solid #d59b3a;background:#fff8e7;color:#65460f}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.8fr);gap:24px;padding:24px 0 34px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(18,46,55,.07)}.gallery-card{padding:28px}.result-column{display:grid;gap:20px;position:sticky;top:18px}.result-card,.metrics-card{padding:24px}h2{margin:0;font-size:1.35rem}.muted{color:var(--muted);font-size:.9rem}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.thumb input{position:absolute;opacity:0}.thumb span{display:grid;gap:7px;padding:8px;border:2px solid transparent;border-radius:12px;background:#eef3f3;cursor:pointer}.thumb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.thumb b{text-align:center;font-size:.82rem}.thumb input:checked+span{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 3px rgba(17,97,73,.12)}.primary{width:100%;padding:14px;border:0;border-radius:10px;background:var(--green);color:#fff;font:inherit;font-weight:800;cursor:pointer}.primary:hover{background:var(--green-dark)}.selected-image{display:block;width:min(100%,280px);margin:20px auto;border-radius:50%;box-shadow:0 8px 30px rgba(0,0,0,.2)}.grade-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grade-pair div{padding:12px;border-radius:10px;background:#f0f5f4}.grade-pair span,.grade-pair small{display:block;color:var(--muted);font-size:.76rem}.grade-pair strong{display:block;margin:2px 0;font-size:1.12rem}.verdict{padding:10px 12px;border-radius:8px;font-weight:750}.verdict--ok{background:#e3f5e9;color:#185b34}.verdict--near{background:#fff5db;color:#765113}.verdict--far{background:#fdebec;color:#8a1f2e}.result-card h3{font-size:1rem;margin:22px 0 10px}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:26px 1fr 48px;align-items:center;gap:8px;font-size:.82rem}.bar-row>div{height:12px;background:#e6ecec;border-radius:9px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,#1c8265,#6fb89f)}.bar-row b{text-align:right}.expected{font-size:.86rem;color:var(--muted)}.empty{margin:20px 0 0;padding:30px 18px;background:var(--green-soft);color:var(--green-dark);border-radius:10px;text-align:center}.metrics-card dl{display:grid;margin:18px 0}.metrics-card dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:9px 0}.metrics-card dt{color:var(--muted)}.metrics-card dd{margin:0;font-weight:800}.metrics-card a,.prose a{color:var(--green);font-weight:700;text-decoration:none}.manual{display:grid;gap:20px;padding:28px 0}.prose{padding:28px}.prose h2{margin-bottom:14px}.prose p{max-width:88ch}.prose li+li{margin-top:7px}.callout{margin:18px 0;padding:14px;border-left:4px solid #d59b3a;background:#fff8e7;color:#65460f}footer{padding:0 0 40px;color:var(--muted);font-size:.88rem}footer strong{color:var(--ink)}@media(max-width:820px){.layout{grid-template-columns:1fr}.result-column{position:static}.layout--result .result-column{grid-row:1}.gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.hero__inner,.layout,.notice,footer,.manual{width:min(100% - 22px,1180px)}.gallery-card,.result-card,.metrics-card,.prose{padding:20px}.gallery{grid-template-columns:repeat(2,1fr)}}