@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&family=Pacifico&family=Bangers&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.photo-item,.result-item{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}*{-webkit-overflow-scrolling:touch}.quiz-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:95%;padding:20px}h1{color:#333;margin-bottom:10px}.subtitle,h1{text-align:center}.subtitle{color:#666;margin-bottom:30px}.photo-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:15px;position:relative;transition:transform .2s}.photo-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.photo-number{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;left:25px;position:absolute;top:25px;width:32px;z-index:1}.photo{background:#f5f5f5;border-radius:8px;height:250px;margin-bottom:15px;object-fit:contain}.name-select,.photo{cursor:pointer;width:100%}.name-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px 40px 12px 12px;transition:border-color .2s}.name-select:focus{border-color:#4caf50;outline:none}.name-select option:disabled{color:#ccc}.submit-section{align-items:center;display:flex;flex-direction:column;gap:15px;margin:40px 0}.user-name-input{border:2px solid #ddd;border-radius:8px;font-size:18px;max-width:400px;padding:15px;text-align:center;width:100%}.user-name-input:focus{border-color:#4caf50;outline:none}.submit-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;touch-action:manipulation;transition:background .2s}.submit-button:hover{background:#45a049}.submit-button:active{transform:scale(.98)}.navigation{margin-top:30px;text-align:center}.results-link{color:#4caf50;font-size:18px;font-weight:500;text-decoration:none}.results-link:hover{text-decoration:underline}.success-message{padding:100px 20px;text-align:center}.success-message h1{color:#4caf50;font-size:48px;margin-bottom:20px}.success-message p{color:#666;font-size:20px}@media (hover:none) and (pointer:coarse){.photo-item:hover{transform:none}.name-select,.submit-button,.user-name-input{font-size:16px;min-height:44px}}@media (max-width:768px){.photo-grid{gap:20px;grid-template-columns:1fr}.photo{height:300px}}.results-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:95%;padding:20px}.no-results{padding:100px 20px;text-align:center}.no-results p{color:#666;font-size:20px;margin-bottom:30px}.voter-selector{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px;text-align:center}.voter-selector label{color:#333;font-size:18px;font-weight:500;margin-right:10px}.voter-dropdown{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px;min-width:250px;padding:10px 15px;transition:border-color .2s}.voter-dropdown:focus{border-color:#4caf50;outline:none}.photo-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.result-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:15px;position:relative;transition:transform .2s}.result-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.photo-rank{align-items:center;background:#4caf50e6;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;left:25px;position:absolute;top:25px;width:36px;z-index:1}.result-photo{background:#f5f5f5;border-radius:8px;height:250px;margin-bottom:15px;object-fit:contain;width:100%}.result-info{display:flex;flex-direction:column;gap:10px}.entropy-badge{background:#f5f5f5;color:#666;font-weight:500}.entropy-badge,.top-answer{border-radius:6px;font-size:14px;padding:8px 12px;text-align:center}.top-answer{background:#e8f5e9}.no-votes{background:#fff3e0;color:#f57c00}.no-votes,.voter-pick{border-radius:6px;font-size:14px;padding:8px 12px;text-align:center}.voter-pick{background:#e3f2fd;border:1px solid #90caf9;color:#1976d2}.back-link{color:#4caf50;font-size:18px;font-weight:500;text-decoration:none}.back-link:hover{text-decoration:underline}.histogram-view{align-items:center;background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.histogram-container{background:#fff;border-radius:12px;max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;width:100%}.histogram-photo{background:#f5f5f5;border-radius:8px;display:block;margin:20px auto;max-height:400px;max-width:400px;object-fit:contain;width:100%}.entropy-value{color:#666;font-size:18px;font-weight:500;margin-bottom:30px;text-align:center}.tap-hint{color:#999;font-size:14px;margin-top:30px;text-align:center}@media (hover:none) and (pointer:coarse){.result-item:hover{transform:none}.result-item:active{transform:scale(.98)}}@media (max-width:768px){.histogram-container{padding:20px}.histogram-photo{max-width:100%}}.welcome-container{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:400% 400%;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:20px;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.welcome-container:before{animation:float 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.welcome-content{background:#fffffff2;border-radius:30px;box-shadow:0 30px 90px #0000004d;display:flex;flex-direction:column;height:95vh;justify-content:space-between;max-width:3600px;overflow:hidden;padding:2vh 3vw;position:relative;width:95%;z-index:1}.welcome-header{flex-shrink:0;text-align:center}.welcome-title{animation:titleBounce 2s ease-in-out infinite;color:#ff6b6b;font-family:Fredoka One,cursive;font-size:10vh;letter-spacing:5px;line-height:1;margin:0;text-shadow:3px 3px 0 #ffd93d,6px 6px 0 #6bcf7f,9px 9px 0 #4d96ff,12px 12px 20px #0000004d}@keyframes titleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.welcome-subtitle{color:#667eea;font-family:Pacifico,cursive;font-size:3.5vh;margin:1vh 0 0;text-shadow:2px 2px 4px #0003}.photo-collage{grid-gap:1.5vh;display:grid;flex:1 1;gap:1.5vh;grid-template-columns:repeat(6,1fr);max-height:55vh;overflow:hidden;perspective:1000px}.collage-photo{animation:photoFadeIn .8s ease-out forwards;aspect-ratio:1;border-radius:20px;box-shadow:0 10px 30px #0003;opacity:0;overflow:hidden;transform-style:preserve-3d;transition:transform .3s ease}.collage-photo:hover{box-shadow:0 15px 40px #0000004d;transform:scale(1.05) rotate(2deg);z-index:10}@keyframes photoFadeIn{0%{opacity:0;transform:translateY(30px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.collage-photo img{background:#f5f5f5;display:block;height:100%;object-fit:contain;width:100%}.qr-section{flex-shrink:0;justify-content:center}.qr-box,.qr-section{align-items:center;display:flex}.qr-box{animation:qrPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #0000004d;gap:3vw;padding:2vh 3vw}@keyframes qrPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.qr-code{background:#fff;border:.8vh solid #fff;border-radius:15px;box-shadow:0 10px 40px #0003;display:block;flex-shrink:0;height:15vh;width:15vh}.qr-text{color:#fff;font-family:Bangers,cursive;font-size:4vh;letter-spacing:3px;margin:0 0 1vh;text-shadow:3px 3px 6px #0000004d}.qr-url{color:#ffd93d;font-family:Fredoka One,cursive;font-size:3vh;margin:0;text-shadow:2px 2px 4px #0000004d}@media (max-aspect-ratio:16/9){.photo-collage{grid-template-columns:repeat(5,1fr)}}@media (max-aspect-ratio:4/3){.photo-collage{grid-template-columns:repeat(4,1fr)}}@media (max-aspect-ratio:1/1){.photo-collage{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=main.673b1cc6.css.map*/