:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dali-meter-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;background:linear-gradient(135deg,#667eea26,#764ba226,#f093fb26);border-radius:20px;box-shadow:inset 0 2px 20px #667eea1a}.dali-meter{cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2)) drop-shadow(0 4px 8px rgba(102,126,234,.3)) drop-shadow(0 2px 4px rgba(255,215,0,.5))}.clock-face{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.dali-meter:hover .clock-face{filter:brightness(1.05)}.clock-hand,.arrow-head{transition:d .5s cubic-bezier(.68,-.55,.265,1.55)}.ghost-hand,.ghost-arrow{transition:d .5s cubic-bezier(.68,-.55,.265,1.55);animation:ghostWobble 3s ease-in-out infinite}.tick-label{transition:opacity .3s ease-in-out;animation:labelFade 3s ease-in-out infinite;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tick-label::selection{background:transparent}@keyframes wobble{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}@keyframes labelFade{0%,90%,to{opacity:1}95%{opacity:.5}}.plausometer-title{font-size:24px;font-weight:800;letter-spacing:3px;color:#667eea;text-shadow:0 2px 4px rgba(102,126,234,.4),0 4px 8px rgba(118,75,162,.3);margin-bottom:10px;font-family:Arial Black,sans-serif}.meter-labels{display:flex;justify-content:space-between;width:300px;font-size:14px;font-weight:600}.label-left{color:#ff6b6b;text-shadow:0 2px 4px rgba(255,107,107,.4)}.label-right{color:#51cf66;text-shadow:0 2px 4px rgba(81,207,102,.4)}.meter-value{font-size:48px;font-weight:700;color:#667eea;font-family:Georgia,serif;transition:all .3s ease;text-shadow:0 2px 4px rgba(102,126,234,.3),0 4px 8px rgba(118,75,162,.2)}.meter-value.imaginary{color:#7355a8;text-shadow:0 0 10px rgba(115,85,168,.5);animation:pulse 1s ease-in-out infinite}.imaginary-label{font-size:14px;color:#7355a8;font-style:italic;margin-top:5px;animation:fadeInOut 1s ease-in-out infinite}.coordinate-display{font-size:16px;color:#7355a8;font-family:Courier New,monospace;margin-top:3px;font-weight:400}.dali-meter.imaginary{filter:drop-shadow(0 4px 6px rgba(115,85,168,.3))}.dali-meter-container.imaginary-mode{animation:shimmer 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes ghostWobble{0%,to{transform:translate(0);opacity:.4}25%{transform:translate(-1px,1px);opacity:.5}50%{transform:translate(1px,-1px);opacity:.3}75%{transform:translate(-1px,-1px);opacity:.5}}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #444;border-radius:16px;padding:2.5rem;max-width:420px;width:90%;position:relative;box-shadow:0 20px 60px #000c}.auth-modal h2{margin:0 0 .5rem;color:#e0e0e0;font-size:1.75rem;font-weight:600}.auth-modal-subtitle{margin:0 0 2rem;color:#999;font-size:.95rem}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#999;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.auth-modal-close:hover{color:#fff}.auth-input-group{margin-bottom:1.5rem}.auth-input-group label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.9rem;font-weight:500}.auth-input-group input{width:100%;padding:.75rem;border:2px solid #444;border-radius:8px;background:#1a1a1a;color:#fff;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.auth-input-group input:focus{outline:none;border-color:#4fc3f7}.auth-input-group input:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.auth-submit{width:100%;padding:.875rem;font-size:1rem;font-weight:600;margin-bottom:1rem}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#666}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #444}.auth-divider span{padding:0 1rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.btn-google{width:100%;padding:.875rem;background:#fff;color:#333;border:2px solid #ddd;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-google:hover{background:#f5f5f5;border-color:#ccc}.btn-google:disabled{opacity:.5;cursor:not-allowed}.auth-toggle{text-align:center;color:#999;font-size:.9rem;margin-top:1.5rem}.auth-toggle button{background:none;border:none;color:#4fc3f7;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline;transition:color .2s}.auth-toggle button:hover{color:#81d4fa}.auth-toggle button:disabled{opacity:.5;cursor:not-allowed}.story-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #444;border-radius:16px;padding:2.5rem;max-width:520px;width:90%;position:relative;box-shadow:0 20px 60px #000c}.story-modal h2{margin:0 0 .5rem;color:#e0e0e0;font-size:1.75rem;font-weight:600}.story-modal-subtitle{margin:0 0 2rem;color:#999;font-size:.95rem}.story-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#999;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.story-modal-close:hover{color:#fff}.story-input-group{margin-bottom:1.5rem}.story-input-group label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.9rem;font-weight:500}.story-input-group textarea{width:100%;padding:.75rem;border:2px solid #444;border-radius:8px;background:#1a1a1a;color:#fff;font-size:1rem;font-family:inherit;line-height:1.5;transition:border-color .2s;box-sizing:border-box;resize:vertical}.story-input-group textarea:focus{outline:none;border-color:#4fc3f7}.story-input-group textarea:disabled{opacity:.5;cursor:not-allowed}.character-count{margin-top:.5rem;font-size:.85rem;color:#777;text-align:right}.story-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.story-submit{width:100%;padding:.875rem;font-size:1rem;font-weight:600}.story-submit:disabled{opacity:.5;cursor:not-allowed}.handle-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.handle-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #0f3460;border-radius:20px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;position:relative;animation:slideUp .3s ease-out}.handle-modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:32px;color:#e94560;cursor:pointer;transition:transform .2s}.handle-modal-close:hover{transform:scale(1.2) rotate(90deg)}.handle-modal h2{color:#00d9ff;margin:0 0 10px;font-size:28px;text-shadow:0 0 10px rgba(0,217,255,.3)}.handle-modal-subtitle{color:#a0a0a0;margin:0 0 30px;font-size:14px}.handle-input-group{margin-bottom:20px}.handle-input-group label{display:block;color:#00d9ff;margin-bottom:10px;font-weight:700}.handle-input-wrapper{display:flex;align-items:center;background:#0f346080;border:2px solid #0f3460;border-radius:10px;padding:0 15px;transition:all .3s}.handle-input-wrapper:focus-within{border-color:#00d9ff;box-shadow:0 0 15px #00d9ff4d}.handle-prefix{color:#00d9ff;font-size:18px;font-weight:700;margin-right:5px}.handle-input-wrapper input{flex:1;background:transparent;border:none;padding:15px 0;color:#fff;font-size:16px;outline:none}.handle-input-wrapper input::placeholder{color:#555}.handle-hint{color:#888;font-size:12px;margin-top:8px}.handle-checking{color:orange;font-size:14px;margin-bottom:10px;animation:pulse 1s infinite}.handle-error{background:#e9456033;border:1px solid #e94560;color:#e94560;padding:12px;border-radius:8px;margin-bottom:15px;font-size:14px}.handle-submit{width:100%;padding:15px;font-size:16px;margin-top:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px}.app-header{margin-bottom:40px;position:relative;width:100%}.header-top{position:absolute;top:0;right:0;z-index:10}.user-menu{display:flex;align-items:center;gap:15px}.user-email{color:#fff;font-size:.9rem;opacity:.9}.btn-clockwork{background:linear-gradient(135deg,#d4a574,#8b6914);color:#fff;box-shadow:0 4px 15px #8b691466,0 2px 5px #0003,inset 0 1px #ffffff4d;position:relative;overflow:hidden;border:1px solid rgba(212,165,116,.5)}.btn-clockwork:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-clockwork:hover:before{left:100%}.btn-clockwork:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b691480,0 4px 10px #0000004d}.app-header h1{font-size:3rem;margin-bottom:10px;background:linear-gradient(135deg,#fff,#fef5e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 20px rgba(255,255,255,.3);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.tagline{font-size:1.2rem;color:#fff;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.3);opacity:.95}.app-main{width:100%;max-width:600px}.hypothesis-card{background:linear-gradient(145deg,#fff,#f8f9ff);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d,0 10px 30px #764ba233,inset 0 1px #fffc;margin-bottom:30px;border:1px solid rgba(255,255,255,.5)}.hypothesis-text{font-size:1.5rem;line-height:1.6;color:#2c3e50;margin-bottom:40px;padding:20px;background:linear-gradient(135deg,#fef5e7,#fff8f0);border-radius:10px;min-height:80px;display:flex;align-items:center;justify-content:center;font-weight:500;box-shadow:inset 0 2px 8px #667eea1a,inset 0 -2px 8px #f093fb1a;border:1px solid rgba(102,126,234,.15)}.button-group{display:flex;gap:20px;justify-content:center;margin-top:30px}.btn{padding:12px 30px;font-size:1rem;font-weight:600;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66,0 2px 5px #0003,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80,0 4px 10px #0000004d}.btn-secondary{background:linear-gradient(135deg,#f5f7fa,#e8ebf0);color:#5a6c7d;box-shadow:0 4px 10px #0000001a,inset 0 1px #fffc;border:1px solid rgba(0,0,0,.1)}.btn-secondary:hover{background:linear-gradient(135deg,#e8ebf0,#dde1e7);transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.votes-summary{text-align:center;padding:20px;background:linear-gradient(135deg,#fffffff2,#f8f9fff2);border-radius:10px;color:#5a6c7d;box-shadow:0 8px 20px #0003,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.5)}.votes-summary h3{margin:0;font-size:1.2rem;color:#667eea;text-shadow:0 1px 2px rgba(0,0,0,.1)}.loading{text-align:center;padding:40px;color:#fff;font-size:1.2rem}.auth-notice{font-size:.9rem;color:gold;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.3);opacity:.9;margin-top:.5rem}.story-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 15px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;font-size:.9rem}.sample-badge{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:4px 12px;border-radius:12px;font-weight:600;font-size:.85rem;box-shadow:0 2px 8px #ff98004d}.story-author{color:#00d9ff;font-weight:600;font-style:italic;text-shadow:0 0 8px rgba(0,217,255,.3)}.vote-count,.avg-plausibility{color:#667eea;font-weight:600}.story-actions{margin:15px 0;text-align:center}.btn-delete-story{background:linear-gradient(135deg,#e94560,#d32f45);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #e945604d}.btn-delete-story:hover{background:linear-gradient(135deg,#d32f45,#c1283a);transform:translateY(-2px);box-shadow:0 6px 15px #e9456066}.btn-delete-story:active{transform:translateY(0)}.previous-vote{text-align:center;margin-top:15px;padding:10px;background:#667eea1a;border-radius:8px;color:#667eea;font-size:.9rem;font-weight:500}.votes-visualization{margin-top:30px;padding:30px;background:linear-gradient(145deg,#fff,#f8f9ff);border-radius:20px;box-shadow:0 20px 60px #0000004d,0 10px 30px #764ba233,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.5)}.votes-visualization h3{margin:0 0 20px;color:#667eea;font-size:1.2rem;text-align:center}.vote-histogram{display:flex;justify-content:space-around;align-items:flex-end;height:200px;gap:10px;padding:20px 10px;background:linear-gradient(to top,rgba(102,126,234,.05) 0%,transparent 100%);border-radius:10px}.histogram-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.bar-label{font-size:.85rem;font-weight:600;color:#5a6c7d}.bar-container{flex:1;width:100%;background:#0000000d;border-radius:4px;display:flex;align-items:flex-end;position:relative;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(to top,#667eea,#764ba2);border-radius:4px 4px 0 0;transition:height .3s ease;min-height:2px;box-shadow:0 -2px 10px #667eea4d}.bar-count{font-size:.9rem;font-weight:600;color:#667eea}