*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container,body{min-height:100vh}.container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:800px;padding:60px 20px 20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#718096;font-size:1.1rem;margin-bottom:2rem}.button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:8px;min-width:120px;padding:12px 24px;transition:all .3s ease}.button:hover{box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.button.secondary:hover{background:#667eea;color:#fff}.google-signin{align-items:center;background:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center;margin:20px auto;padding:12px 24px;transition:all .3s ease}.google-signin:hover{background:#3367d6;box-shadow:0 10px 30px #4285f44d;transform:translateY(-2px)}.word-display{word-wrap:break-word;color:#2d3748;font-size:clamp(1.5rem,8vw,3rem);font-weight:600;-webkit-hyphens:auto;hyphens:auto;letter-spacing:2px;margin:2rem 0;max-width:100%;overflow-wrap:break-word;text-align:center}.response-buttons{flex-wrap:wrap;gap:20px;margin:2rem 0}.response-button,.response-buttons{display:flex;justify-content:center}.response-button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;font-weight:700;height:80px;transition:all .3s ease;width:80px}.response-button.correct{background:linear-gradient(135deg,#48bb78,#38a169)}.response-button.unsure{background:linear-gradient(135deg,#ed8936,#dd6b20)}.response-button.wrong{background:linear-gradient(135deg,#f56565,#e53e3e)}.response-button:hover{box-shadow:0 10px 30px #0003;transform:scale(1.1)}.response-button:active{transform:scale(.95)}.bee-selector{margin-bottom:2rem;width:100%}.bee-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.bee-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:1rem;text-align:left;transition:all .3s ease}.bee-item:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea1a;transform:translateY(-2px)}.bee-item.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.bee-name{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.bee-date{color:#718096;font-size:.9rem}.bee-item.selected .bee-date{color:#fffc}.loading{color:#718096;font-size:1.2rem;margin:2rem 0;text-align:center}.error{background:#fed7d7;border-left:4px solid #c53030;border-radius:8px;color:#c53030;margin:1rem 0;padding:1rem}.user-info{align-items:center;background:#ffffffe6;border-radius:6px;display:flex;font-size:.9rem;padding:8px 12px}.logout-button{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:10px;padding:6px 12px;transition:all .3s ease}.logout-button:hover{background:#c53030}.competitor-actions{display:flex;gap:8px}.delete-button,.share-button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:background-color .2s}.share-button{background-color:#3182ce;color:#fff}.share-button:hover{background-color:#2c5aa0}.delete-button{background-color:#e53e3e;color:#fff}.delete-button:hover{background-color:#c53030}.delete-button:disabled{background-color:#a0aec0;cursor:not-allowed}@media (max-width:768px){.container{padding:30px 10px 10px}.card{margin:10px;padding:20px}.title{font-size:2rem}.word-display{letter-spacing:1px}.response-buttons{gap:15px}.response-button{font-size:1.5rem;height:60px;width:60px}.user-info{font-size:.8rem;padding:6px 10px}}
/*# sourceMappingURL=main.6c0e4734.css.map*/