*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Apple SD Gothic Neo,Pretendard,Segoe UI,sans-serif;background:#191f28;color:#f2f4f6;min-height:100vh;-webkit-font-smoothing:antialiased}.landing{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}.landing-card{background:#212a36;border-radius:20px;padding:2.5rem 2rem 2rem;max-width:560px;width:100%}.landing-card h1{font-size:1.6rem;font-weight:700;color:#f2f4f6;margin-bottom:.4rem;line-height:1.3}.landing-card h2{font-size:.95rem;font-weight:700;color:#3182f6;margin-top:1.8rem;margin-bottom:.6rem}.landing-card p,.landing-card li{font-size:.88rem;line-height:1.7;color:#8b95a1}.landing-card ul{padding-left:1.2rem;margin-bottom:.3rem}.landing-card li{margin-bottom:.25rem}.landing-card strong{color:#f2f4f6;font-weight:600}.landing-card em{color:#3182f6;font-style:normal;font-weight:600}.landing-card input{width:100%;padding:1rem;border:1.5px solid #2f3b4a;border-radius:12px;background:#191f28;color:#f2f4f6;font-size:.95rem;margin-top:.5rem;transition:border-color .2s}.landing-card input:focus{outline:none;border-color:#3182f6}.landing-card input::placeholder{color:#4e5968}.btn-start{display:block;width:100%;padding:1rem;margin-top:1.8rem;background:#3182f6;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-start:hover{background:#1b6cf2}.btn-start:disabled{background:#2f3b4a;color:#4e5968;cursor:not-allowed}.top-bar{display:flex;align-items:center;padding:.8rem 1.2rem;background:#191f28;border-bottom:1px solid #262d37;position:sticky;top:0;z-index:100;gap:.6rem}.progress-text{color:#8b95a1;font-size:.8rem;font-weight:500;white-space:nowrap}.progress-bar-wrap{flex:1;height:4px;background:#262d37;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:#3182f6;border-radius:2px;transition:width .3s}.main-content{max-width:1100px;margin:0 auto;padding:1rem}.prompt-box{background:#212a36;border-radius:16px;padding:1.2rem 1.4rem;margin-bottom:1rem}.prompt-label{font-size:.7rem;color:#3182f6;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:.5rem}.prompt-text{font-size:.9rem;line-height:1.6;color:#d1d6db;white-space:pre-wrap}.comparison-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1rem}.image-column{background:#212a36;border-radius:16px;overflow:hidden}.column-header{padding:.6rem .8rem;text-align:center;font-weight:600;font-size:.82rem;color:#fff}.col-gt .column-header{background:#1a6b3c}.col-a .column-header{background:#3182f6}.col-b .column-header{background:#d97706}.slide-viewer{padding:.6rem;min-height:120px;display:flex;align-items:center;justify-content:center;background:#2b3440}.slide-viewer img{width:100%;border-radius:8px;display:block;background:#fff}.slide-nav{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.5rem;background:#212a36}.slide-nav button{background:#2f3b4a;border:none;color:#8b95a1;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.slide-nav button:hover{background:#3b4856;color:#f2f4f6}.slide-nav button:disabled{opacity:.25;cursor:not-allowed}.slide-nav span{font-size:.75rem;color:#6b7684;min-width:40px;text-align:center}.vote-section{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.2rem;background:#212a36;border-radius:16px;margin-bottom:.6rem}.vote-section+.vote-section{margin-top:0}.vote-label{font-size:.85rem;color:#f2f4f6;font-weight:600;margin-right:auto;white-space:nowrap}.vote-btn{padding:.7rem 1.6rem;border:2px solid #3b4856;border-radius:12px;background:#2b3440;color:#d1d6db;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.vote-btn:hover{background:#364152;border-color:#6b7684;color:#fff}.vote-btn.selected-win_a{border-color:#3182f6;background:#3182f633;color:#6ab2ff;font-weight:700}.vote-btn.selected-draw{border-color:#8b95a1;background:#8b95a126;color:#f2f4f6;font-weight:700}.vote-btn.selected-win_b{border-color:#d97706;background:#d9770633;color:#fbbf24;font-weight:700}.bottom-nav{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;margin-top:.3rem}.nav-btn{padding:.7rem 1.4rem;background:#2f3b4a;border:none;border-radius:10px;color:#8b95a1;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s}.nav-btn:hover{background:#3b4856;color:#f2f4f6}.nav-btn:disabled{opacity:.25;cursor:not-allowed}.nav-btn.primary{background:#3182f6;color:#fff}.nav-btn.primary:hover{background:#1b6cf2}.completion{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:2rem}.completion h1{font-size:1.6rem;font-weight:700;color:#f2f4f6;margin-bottom:.8rem}.completion p{color:#8b95a1;font-size:.95rem;margin-top:.3rem}.keyboard-hints{display:flex;gap:.8rem;justify-content:center;margin-top:.3rem}.keyboard-hints span{font-size:.7rem;color:#4e5968}.keyboard-hints kbd{background:#2f3b4a;padding:.1rem .3rem;border-radius:4px;font-size:.65rem;margin-right:.1rem;color:#6b7684}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;margin-top:1rem}.type-card{padding:1.2rem .8rem;background:#191f28;border:1.5px solid #2f3b4a;border-radius:14px;color:#d1d6db;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:.4rem}.type-card:hover{border-color:#3182f6;background:#3182f60f}.type-card.type-done{border-color:#1a6b3c;background:#1a6b3c14}.type-name{font-size:.95rem}.type-badge{font-size:.65rem;color:#34d399;background:#34d3991f;padding:.15rem .5rem;border-radius:6px;font-weight:600}.back-btn{background:transparent;border:none;color:#3182f6;padding:.4rem .5rem;border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:600;transition:background .15s}.back-btn:hover{background:#3182f61a}@media(max-width:1024px){.comparison-grid{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.column-header{font-size:.75rem;padding:.5rem}.main-content{padding:.75rem}}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr;gap:.6rem}.vote-section{flex-wrap:wrap;gap:.4rem;padding:.8rem 1rem}.vote-label{width:100%;margin-right:0;margin-bottom:.3rem;font-size:.82rem}.vote-btn{flex:1;text-align:center;padding:.7rem .5rem;font-size:.85rem}.landing-card{padding:1.8rem 1.4rem 1.5rem}.landing-card h1{font-size:1.3rem}.nav-btn{padding:.65rem 1rem;font-size:.82rem}.top-bar{padding:.6rem 1rem}.keyboard-hints{display:none}}