*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}.app-container{display:flex;flex-direction:column;width:100vw;height:100vh;background:#000;overflow:hidden}.app-header{padding:.75rem 1.25rem;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.app-header h1{font-size:1.25rem;margin:0;font-weight:700;color:#fff;letter-spacing:-.5px}.main-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;gap:0}.video-container{height:100%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:#000;position:relative}.controls-container{width:360px;height:100%;padding:2rem 1.75rem;background:#121212f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.mobile-vote-button,.close-menu-button{display:none}.loading,.error{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;color:#fff;font-size:1.5rem;font-weight:600;background:#0a0a0a;text-align:center;padding:2rem}.next-button-container{text-align:center;margin-top:1.25rem}.next-video-button{width:100%;padding:.75rem;font-size:.95rem;font-weight:600;color:#111;background:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.next-video-button:hover{background:#ffffffd9}@media(max-width:900px){.main-content{flex-direction:column}.controls-container{position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;max-height:70vh;z-index:1000;border-left:none;border-top:1px solid rgba(255,255,255,.1);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:1.5rem 1.25rem 2rem;background:#121212fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px 20px 0 0;justify-content:flex-start}.controls-container.open{transform:translateY(0)}.mobile-vote-button{display:flex;align-items:center;justify-content:center;position:fixed;bottom:24px;right:24px;padding:.85rem 1.35rem;font-size:.95rem;font-weight:600;color:#111;background:#fff;border:none;border-radius:50px;cursor:pointer;z-index:999;transition:all .15s ease}.mobile-vote-button:active{transform:scale(.96);background:#ffffffd9}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998}.mobile-overlay.open{display:block}.close-menu-button{display:none}.app-header h1{font-size:1.15rem}.app-header{padding:.7rem 1rem}}.video-player{height:100%;display:flex;align-items:center;justify-content:center;background:#000}.video-element{height:100%;width:auto;max-width:none;object-fit:contain;display:block}@media(max-width:900px){.video-element{width:100%;height:auto;max-height:100%}}.voting-interface{width:100%}.voting-interface h2{text-align:center;color:#fffffff2;margin-bottom:1.25rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;opacity:.7}.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1.25rem}.grade-button{padding:1rem .5rem;font-size:1rem;font-weight:600;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffd9;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:900px){.grade-button{padding:.8rem .4rem;font-size:.9rem}.grade-grid{gap:.5rem;margin-bottom:1rem}.voting-interface h2{margin-bottom:1rem;font-size:.9rem}}.grade-button:hover:not(.disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.grade-button.selected{background:#fff;color:#111;border-color:#fff}.grade-button.disabled{cursor:not-allowed;opacity:.3}.submit-vote-button{width:100%;display:block;margin:0 auto;padding:1rem;font-size:1rem;font-weight:600;color:#111;background:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease}@media(max-width:900px){.submit-vote-button{padding:.85rem;font-size:.95rem}}.submit-vote-button:hover:not(:disabled){background:#ffffffd9}.submit-vote-button:disabled{background:#ffffff1a;cursor:not-allowed;color:#fff6;box-shadow:none}.stats-display{width:100%}.stats-header h3{color:#fffffff2;margin-bottom:1.25rem;font-size:1rem;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;opacity:.7}.stats-summary{display:flex;justify-content:center;gap:2.5rem;margin-bottom:1.75rem;padding:1.25rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:900px){.stats-header h3{margin-bottom:1rem;font-size:.9rem}.stats-summary{gap:1.5rem;margin-bottom:1.25rem;padding:.9rem}}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.8px;font-weight:500}.stat-value{font-size:1.6rem;font-weight:700;color:#fff}.consensus-badge{background:#fff;color:#111;padding:.4rem .9rem;border-radius:8px;font-size:1.6rem;font-weight:700}@media(max-width:900px){.stat-value{font-size:1.35rem}.consensus-badge{font-size:1.35rem;padding:.35rem .75rem}}.grade-distribution{margin:0 auto}.grade-distribution h4{color:#ffffff80;margin-bottom:.7rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.distribution-row{display:grid;grid-template-columns:40px 1fr;gap:.75rem;align-items:center;margin-bottom:.6rem}.grade-label{font-weight:600;color:#ffffffd9;text-align:right;font-size:.9rem}.bar-container{background:#ffffff0d;border-radius:8px;height:24px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}@media(max-width:900px){.distribution-row{grid-template-columns:35px 1fr;gap:.55rem;margin-bottom:.45rem}.grade-label{font-size:.8rem}.bar-container{height:20px}}.bar{height:100%;background:#ffffff40;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:.45rem;transition:width .4s cubic-bezier(.4,0,.2,1);min-width:28px}.bar.consensus{background:#fff}.bar.consensus .percentage-label{color:#111;text-shadow:none}.percentage-label{color:#fff;font-size:.68rem;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}