*{box-sizing:border-box}body{margin:0;background:#fafaf9;color:#202120;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit}header{height:96px;max-width:1400px;margin:auto;padding:0 5%;display:flex;align-items:center;gap:28px}.brand{font-weight:850;letter-spacing:-2px;font-size:35px;text-decoration:none}.brand-dot{color:#85877d}.header-note{font-size:13px;color:#81837e}.admin-link{margin-left:auto;color:#777;font-size:12px;text-decoration:none}main{min-height:calc(100vh - 170px);max-width:1280px;margin:auto;padding:48px 36px 70px}footer{max-width:1400px;padding:24px 5%;margin:auto;border-top:1px solid #e6e6e2;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#85867f}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#7a7d73}.intro{max-width:620px;margin:16px auto 0;text-align:center}h1{font-size:clamp(32px,4.2vw,56px);font-weight:600;line-height:1.08;letter-spacing:-2.3px;margin:22px 0}p{color:#747670;line-height:1.65}.intro p{max-width:460px;margin:0 auto}.hero-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:32px 0}.hero-preview img{width:100%;border:1px solid #e7e7e2;border-radius:16px;background:white}.meta{display:flex;justify-content:center;gap:28px;color:#62645e;font-size:12px;margin:24px 0}form.start{max-width:360px;margin:28px auto;text-align:left}label{font-size:12px;display:block;margin:15px 0 9px}input,textarea{width:100%;border:1px solid #dcded6;border-radius:11px;padding:14px;background:#fff;color:#222;outline:none}input:focus,textarea:focus{border-color:#777d6d;box-shadow:0 0 0 3px #e7e9e2}.primary{background:#252821;border:1px solid #252821;color:white;padding:15px 24px;border-radius:12px;font-weight:500}.start .primary{width:100%;margin-top:12px}.fine{font-size:11px!important;color:#93958e!important;line-height:1.5!important;margin-top:14px!important}.demo{background:#eeeee8;border:1px solid #dedfd5;border-radius:9px;padding:10px 16px;font-size:12px;color:#666b5c;margin-bottom:30px}.battle-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.battle-head h1{font-size:34px;letter-spacing:-1px;margin:12px 0}.battle-head p{font-size:13px;margin:0}.count{text-align:right;color:#74786e;font-size:13px;white-space:nowrap}.count strong{font-size:26px;color:#282c24;font-weight:500}.progress{height:3px;background:#e9eae4;margin:28px 0 36px;border-radius:5px}.progress span{display:block;height:100%;background:#555d49;transition:width .2s}.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.option{background:white;border:1px solid #e2e4dc;border-radius:18px;overflow:hidden;transition:box-shadow .18s,border-color .18s}.option:hover{border-color:#9ca58f;box-shadow:0 8px 28px #242b1510}.choose{display:block;width:100%;border:0;background:white;padding:28px 10px}.choose img{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.option-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0eb;padding:16px 20px;font-size:12px;color:#7c8075}.text-button{border:0;background:none;color:#62695b;padding:6px;font-size:12px}.option .vote-button{border:1px solid #dedfd7;background:#fafbf7;border-radius:8px;padding:8px 14px;color:#31372a}.help{text-align:center;font-size:12px;margin-top:26px;color:#8c9085}kbd{border:1px solid #dedfd8;padding:3px 7px;border-radius:5px;font-family:inherit}.results-head{max-width:680px;margin-bottom:35px}.results-head h1{font-size:44px}.stats{display:flex;gap:28px;margin:24px 0;font-size:13px;color:#73776c}.ranking{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.result{background:white;border:1px solid #e3e5dc;border-radius:14px;overflow:hidden}.result>img{width:100%;display:block;cursor:zoom-in}.result-body{padding:18px;border-top:1px solid #f0f0ea}.result-title{display:flex;justify-content:space-between;align-items:center;font-size:14px}.result-title strong{font-weight:550}.rating{font-size:11px;color:#7b8272}.result small{font-size:11px;color:#8b8e84;display:block;margin-top:7px}details{margin-top:15px}summary{font-size:12px;color:#69715d;cursor:pointer}textarea{min-height:90px;font-size:13px;margin-top:8px;resize:vertical}.save-comment{margin-top:8px;border:1px solid #d9ded0;background:#f5f7f0;padding:8px 13px;border-radius:8px;font-size:12px}.toolbar{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}.secondary{background:white;border:1px solid #dce0d3;padding:12px 18px;border-radius:10px}.admin{max-width:800px;margin:auto}.admin h1{font-size:38px}.poll-row{border-bottom:1px solid #ddd;padding:18px 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.poll-row strong{flex:1}.error{padding:16px;border:1px solid #e4b8b8;border-radius:10px;color:#9b3939;margin:18px 0}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#252821;color:white;padding:13px 22px;border-radius:12px;font-size:13px;display:none;z-index:10}dialog{border:1px solid #ddd;border-radius:15px;max-width:95vw;padding:30px;background:white}dialog::backdrop{background:#14180fb3}dialog img{max-width:85vw;max-height:80vh;object-fit:contain}.close{position:absolute;right:8px;top:8px;background:none;border:0;font-size:20px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7c8d67;outline-offset:4px}@media(max-width:700px){header{height:75px;padding:0 22px}.header-note{display:none}main{padding:22px 18px 45px}.intro{margin-top:0}h1{letter-spacing:-1.4px}.pair{gap:12px}.choose{padding:40px 0}.option-bottom{padding:11px 9px;gap:5px;flex-wrap:wrap}.option .vote-button{padding:8px;font-size:11px}.battle-head h1{font-size:27px}.battle-head p{font-size:12px}.battle-head{align-items:center}.ranking{grid-template-columns:1fr 1fr;gap:12px}.result-body{padding:12px}.result-title{font-size:12px}.stats{gap:16px;flex-wrap:wrap}.results-head h1{font-size:34px}.help{font-size:11px}footer{font-size:8px;letter-spacing:.5px}.meta{gap:18px}.hero-preview{margin:24px 0}.progress{margin:23px 0}.text-button{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.outline-image{width:100%;border:1px solid #e2e4dc;border-radius:16px;display:block;margin:24px auto}.opinion-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.ranking+h2{margin-top:36px}