@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{font-family:Noto Sans JP,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#fff}body{margin:0;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem}h1{margin-bottom:1rem;color:#333}#winner-display{background-color:#4caf50;color:#fff;padding:1rem 2rem;border-radius:8px;margin:1rem 0;text-align:center;font-size:1.2rem;font-weight:700;opacity:0;transform:translateY(-20px);transition:all .3s ease}#winner-display.visible{opacity:1;transform:translateY(0)}.controls{margin:2rem 0;display:flex;gap:1rem}select,button{padding:.5rem 1rem;font-size:1rem;border-radius:4px;border:1px solid #ddd;background-color:#fff;color:#333}button{cursor:pointer;transition:background-color .2s;background-color:#4caf50;color:#fff;border:none}button:hover{background-color:#45a049}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{background-color:#4caf50}canvas{border:2px solid #ddd;border-radius:50%;background-color:#fff;transition:transform .3s ease;box-shadow:0 4px 6px #0000001a}.selected-list{margin:2rem 0;width:100%;max-width:500px}.selected-person{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;margin:.5rem 0;background-color:#fff;border-radius:4px;border-left:4px solid transparent;box-shadow:0 2px 4px #0000000d}.person-info{display:flex;flex-direction:column;gap:.25rem}.person-name{font-weight:500;font-family:Noto Sans JP,sans-serif}.person-weight{font-size:.875rem;color:#666}.selected-person button{padding:.25rem .5rem;font-size:.875rem;background-color:#f44}.selected-person button:hover{background-color:#f66}