body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container[data-v-20d35ee4]{max-width:100%;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;background-color:#f5f7fa}.input-section[data-v-20d35ee4]{width:100%;max-width:300px;margin-top:40px;display:flex;flex-direction:column;gap:16px}.name-input[data-v-20d35ee4]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s}.name-input[data-v-20d35ee4]:focus{border-color:#4299e1}.confirm-button[data-v-20d35ee4]{width:100%;padding:12px;background-color:#4299e1;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.confirm-button[data-v-20d35ee4]:hover{background-color:#3182ce}.answer-section[data-v-20d35ee4]{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:40px}.user-info[data-v-20d35ee4]{font-size:16px;color:#4a5568}.answer-button[data-v-20d35ee4]{width:120px;height:120px;border-radius:50%;background-color:#48bb78;color:#fff;border:none;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,background-color .3s;box-shadow:0 4px 6px rgba(0,0,0,.1)}.answer-button[data-v-20d35ee4]:active{transform:scale(.95)}.answer-button.disabled[data-v-20d35ee4]{background-color:#cbd5e0;cursor:not-allowed}.ranking-section[data-v-20d35ee4]{margin-top:40px;width:100%;max-width:300px}.ranking-section h2[data-v-20d35ee4]{color:#2d3748;font-size:20px;margin-bottom:16px;text-align:center}.ranking-list[data-v-20d35ee4]{list-style:none;padding:0}.ranking-item[data-v-20d35ee4]{padding:12px 16px;background-color:#fff;border-radius:8px;margin-bottom:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);color:#4a5568}.logout-section[data-v-20d35ee4]{position:fixed;top:20px;right:20px;z-index:100}.logout-button[data-v-20d35ee4]{padding:8px 16px;background-color:#e53e3e;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.logout-button[data-v-20d35ee4]:hover{background-color:#c53030}.logout-button[data-v-20d35ee4]:active{transform:scale(.98)}.admin-container[data-v-dc391b38]{max-width:800px;margin:0 auto;padding:20px}.admin-title[data-v-dc391b38]{text-align:center;color:#2d3748;margin-bottom:40px;font-size:24px}.control-panel[data-v-dc391b38]{display:flex;justify-content:center;margin-bottom:40px}.control-button[data-v-dc391b38]{padding:16px 32px;font-size:18px;font-weight:600;border:none;border-radius:12px;background-color:#4299e1;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.control-button[data-v-dc391b38]:hover{transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15)}.control-button.active[data-v-dc391b38]{background-color:#48bb78}.answer-list-section[data-v-dc391b38],.ranking-section[data-v-dc391b38]{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px rgba(0,0,0,.05);margin-bottom:20px}.answer-list-section h2[data-v-dc391b38],.ranking-section h2[data-v-dc391b38]{text-align:center;color:#2d3748;margin-bottom:20px;font-size:20px}.answer-list[data-v-dc391b38],.ranking-list[data-v-dc391b38]{display:flex;flex-direction:column;gap:12px}.answer-item[data-v-dc391b38],.ranking-item[data-v-dc391b38]{display:flex;align-items:center;padding:16px;background-color:#f7fafc;border-radius:8px;transition:transform .2s}.answer-item[data-v-dc391b38]{border-left:4px solid #48bb78}.answer-item[data-v-dc391b38]:hover,.ranking-item[data-v-dc391b38]:hover{transform:translateX(4px)}.rank[data-v-dc391b38]{font-size:18px;font-weight:600;color:#4a5568;width:40px}.name[data-v-dc391b38]{flex:1;font-size:16px;color:#2d3748}.time[data-v-dc391b38]{color:#718096;font-size:14px}.role-select-container[data-v-2e185307]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.role-card[data-v-2e185307]{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 25px rgba(0,0,0,.1);width:100%;max-width:400px;text-align:center}.title[data-v-2e185307]{color:#2d3748;font-size:28px;margin-bottom:40px;font-weight:600}.role-buttons[data-v-2e185307]{display:flex;flex-direction:column;gap:20px}.role-btn[data-v-2e185307]{padding:20px;border:none;border-radius:12px;font-size:18px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff}.user-btn[data-v-2e185307]{background:linear-gradient(90deg,#4facfe 0,#00f2fe)}.admin-btn[data-v-2e185307]{background:linear-gradient(90deg,#fa709a 0,#fee140)}.role-btn[data-v-2e185307]:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.1)}.role-btn[data-v-2e185307]:active{transform:translateY(0)}.admin-auth[data-v-2e185307]{display:flex;flex-direction:column;gap:20px}.input-group[data-v-2e185307]{display:flex;flex-direction:column;gap:8px}.password-input[data-v-2e185307]{padding:15px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;outline:none;transition:border-color .3s;width:100%}.password-input[data-v-2e185307]:focus{border-color:#4299e1}.error-message[data-v-2e185307]{color:#e53e3e;font-size:14px;margin-top:5px}.auth-buttons[data-v-2e185307]{display:flex;gap:12px}.auth-btn[data-v-2e185307]{flex:1;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.confirm-btn[data-v-2e185307]{background-color:#4299e1;color:#fff}.back-btn[data-v-2e185307]{background-color:#e2e8f0;color:#4a5568}.auth-btn[data-v-2e185307]:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.auth-btn[data-v-2e185307]:active{transform:translateY(0)}