:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#22312c;background:#f6f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:36px 24px}header{max-width:780px;margin-bottom:28px}h1{font-size:clamp(28px,4vw,42px);line-height:1.25;margin:12px 0}h2{font-size:22px}p{line-height:1.65}.eyebrow{color:#48745f;font-size:14px;letter-spacing:2px}.notice{color:#68736d;font-size:13px}#gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.card{background:white;border:2px solid #dde3de;border-radius:14px;overflow:hidden;min-width:0}.card.selected{border-color:#236747;box-shadow:0 0 0 2px #23674720}.card img{width:100%;height:auto;display:block;background:#eee}.card-body{padding:16px}.card h2{margin:0 0 14px;font-size:19px}.number{color:#5e7065;font-variant-numeric:tabular-nums;margin-right:8px}.actions{display:flex;gap:10px;flex-wrap:wrap}button,.image-link{font:inherit;padding:11px 18px;border-radius:8px;border:1px solid #cbd7cf;cursor:pointer;text-align:center;text-decoration:none;line-height:1.3}button{background:#236747;color:white;border-color:#236747}button:disabled{background:#b9c5bd;border-color:#b9c5bd;cursor:default}.image-link{color:#236747;background:white}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #d49332;outline-offset:3px}#vote-form,#results{margin-top:30px;padding:24px;background:white;border:1px solid #dde3de;border-radius:14px}#vote-form h2{margin-top:0}label{display:block;margin-bottom:10px}label span,#counter{color:#6a756d;font-size:13px}textarea{font:inherit;width:100%;resize:vertical;border:1px solid #bbc8bf;border-radius:8px;padding:12px}#counter{text-align:right;margin:5px 0 14px}#status{margin-bottom:0;min-height:24px}#status.error{color:#b52b25}.result-row{margin:16px 0}.result-heading{display:flex;justify-content:space-between;gap:12px;font-size:14px}.track{height:8px;background:#edf1ee;border-radius:5px;margin-top:8px;overflow:hidden}.bar{height:100%;background:#568a6b}footer{padding:28px 0;color:#6a756d;font-size:13px}#refresh{background:white;color:#236747;margin-top:12px}@media(max-width:700px){main{padding:24px 14px}#gallery{grid-template-columns:minmax(0,1fr);gap:18px}#vote-form,#results{padding:18px}.actions>*{flex:1;padding:12px 10px}.card-body{padding:14px}}[hidden]{display:none!important}

#quick-vote{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:2;max-width:calc(100% - 28px);width:max-content;text-decoration:none;text-align:center;background:#236747;color:white;border-radius:10px;padding:13px 18px;box-shadow:0 3px 14px #0003}body{padding-bottom:60px}#vote-form{scroll-margin-top:16px}

.card-body{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #e5eae6}.card h2{font-size:24px;margin:0}.choose{flex-shrink:0}.comparison{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.4fr);gap:24px;padding:20px}.comparison section{min-width:0}.comparison h3{font-size:17px;margin:0 0 12px}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}figure{margin:0;min-width:0}figcaption{font-size:12px;color:#68736d;margin-top:8px;line-height:1.5}.image-button{display:block;width:100%;padding:0;border:1px solid #e1e6e2;border-radius:6px;background:#f3f5f3;overflow:hidden;cursor:zoom-in}.image-button img{width:100%;height:auto;display:block}.attribution{font-size:12px;color:#68736d;line-height:1.6;margin-bottom:0}.attribution a{color:#236747}.viewing-image{overflow:hidden}#image-dialog{width:calc(100% - 32px);max-width:1400px;max-height:calc(100dvh - 32px);padding:16px;border:1px solid #ccd6cf;border-radius:12px;color:#22312c;background:#fff}#image-dialog[open]{display:flex;flex-direction:column}#image-dialog::backdrop{background:#17261dcc}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0}.dialog-toolbar h2{font-size:18px;margin:0;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:8px;flex-shrink:0}.dialog-actions button{padding:10px 12px}#image-status{font-size:12px;color:#68736d;margin:10px 0;flex-shrink:0}#image-viewer{overflow:auto;min-height:0;background:#edf0ed;overscroll-behavior:contain}#image-full{width:100%;height:auto;display:block}#image-viewer.zoomed #image-full{width:auto;max-width:none}
@media(max-width:700px){.card-body{align-items:flex-start;flex-direction:column;gap:12px}.card h2{font-size:22px}.choose{width:100%}.comparison{grid-template-columns:minmax(0,1fr);gap:20px;padding:14px}.reference-grid{grid-template-columns:minmax(0,1fr);gap:14px}#image-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:12px}.dialog-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.dialog-actions{width:100%}.dialog-actions button{flex:1}.dialog-toolbar h2{font-size:16px}}