html{line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#root{width:100%}.broadcaster{display:flex;flex-direction:column;gap:2rem}.set-sketch-panel{border:1px solid black;padding:2rem}.set-sketch-panel h2{margin-bottom:1rem;font-weight:400;font-size:1.5rem}.sketch-id-form{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #ccc}.sketch-id-form input[type=number]{flex:1;padding:.75rem;border:1px solid black;font-size:1rem;font-family:Georgia,Times New Roman,serif}.sketch-id-form input[type=number]:focus{outline:2px solid black}.sketch-id-form button{background:#000;color:#fff;padding:.75rem 1.5rem;border:none;font-size:1rem;font-family:Georgia,Times New Roman,serif;cursor:pointer;white-space:nowrap}.sketch-id-form button:hover:not(:disabled){background:#333}.sketch-id-form button:disabled{background:#ccc;cursor:not-allowed;color:#666}.start-btn{background:#000;color:#fff;padding:1rem 2rem;border:none;font-size:1.1rem;font-family:Georgia,Times New Roman,serif;cursor:pointer}.start-btn:hover{background:#333}.navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid black}.navigation button{background:#000;color:#fff;padding:.75rem 1.5rem;border:none;font-size:1rem;font-family:Georgia,Times New Roman,serif;cursor:pointer}.navigation button:hover:not(:disabled){background:#333}.navigation button:disabled{background:#ccc;cursor:not-allowed;color:#666}.sketch-counter{font-size:1rem}.sketch-display{display:flex;flex-direction:column;gap:1rem}.sketch-name{font-size:1.5rem;font-weight:400}.sketch-id{font-size:.9rem;color:#666}.sketch-content{white-space:pre-wrap;line-height:1.6;padding:1.5rem;border:1px solid black;background:#fafafa;font-family:Georgia,Times New Roman,serif}.admin-vote-section{padding-top:1rem;border-top:1px solid black}.admin-vote-section .vote-prompt{margin-bottom:1rem;font-size:1.1rem}.admin-vote-section .vote-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.admin-vote-section .vote-btn{flex:1;max-width:150px;padding:1rem 2rem;font-size:1.1rem;font-family:Georgia,Times New Roman,serif;border:2px solid black;background:#fff;cursor:pointer}.admin-vote-section .vote-btn:hover,.admin-vote-section .vote-btn.selected{background:#000;color:#fff}.votes{display:flex;gap:2rem;font-size:1.1rem;padding-top:1rem;border-top:1px solid black}@media(max-width:768px){.sketch-display{gap:1.5rem}.sketch-content{border:none;background:transparent;padding:0}.navigation{flex-wrap:wrap;gap:.5rem}.sketch-counter{order:-1;width:100%;text-align:center;padding-bottom:.5rem}}.viewer{display:flex;flex-direction:column;gap:2rem}.empty{text-align:center;padding:4rem 2rem;border:1px solid black}.sketch-display{border:2px solid black;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.sketch-name{font-size:2rem;font-weight:400}.sketch-author{font-size:1rem;font-style:italic;color:#333}.sketch-content{white-space:pre-wrap;line-height:1.6;padding:1.5rem;border:1px solid black;background:#fafafa;font-family:Georgia,Times New Roman,serif;min-height:200px}.vote-section{padding-top:1rem;border-top:1px solid black}.vote-prompt{margin-bottom:1rem;font-size:1.1rem}.vote-buttons{display:flex;gap:1rem;justify-content:center}.vote-btn{flex:1;max-width:150px;padding:1rem 2rem;font-size:1.1rem;font-family:Georgia,Times New Roman,serif;border:2px solid black;background:#fff;cursor:pointer}.vote-btn:hover,.vote-btn.selected{background:#000;color:#fff}.vote-counts{display:flex;gap:2rem;justify-content:center;font-size:1.1rem}@media(max-width:768px){.sketch-display{border:none;padding:0}.sketch-content{border:none;background:transparent;padding:0;min-height:auto}.vote-section{border-top:2px solid black;padding-top:1.5rem}}.stats{display:flex;flex-direction:column;gap:2rem}.stats h2{font-weight:400;font-size:1.8rem}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{border:2px solid black;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.summary-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:2rem}.stats-table{border:1px solid black;overflow-x:auto}.table-header,.table-row{display:grid;grid-template-columns:2fr 1.5fr 80px 80px 80px 80px 100px;border-bottom:1px solid black}.table-header{background:#000;color:#fff;font-weight:400}.table-header>div{padding:1rem;text-align:left}.table-row{background:#fff}.table-row:last-child{border-bottom:none}.table-row:hover{background:#fafafa}.table-row.no-votes{opacity:.5}.table-row>div{padding:1rem;border-right:1px solid #e0e0e0;display:flex;align-items:center}.table-row>div:last-child{border-right:none}.col-name{font-weight:400}.col-author{font-style:italic;color:#333}.col-votes,.col-total,.col-percent,.col-actions{justify-content:center;text-align:center}.clear-btn{background:#000;color:#fff;border:none;padding:.4rem .8rem;font-size:.85rem;font-family:Georgia,Times New Roman,serif;cursor:pointer}.clear-btn:hover{background:#333}@media(max-width:768px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 60px 60px 60px 70px 80px;font-size:.9rem}.table-header>div,.table-row>div{padding:.75rem .5rem}.clear-btn{padding:.3rem .6rem;font-size:.75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,Times New Roman,serif;background:#fff;color:#000}#app{min-height:100vh}header{background:#000;color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid black}header h1{font-size:1.5rem;font-weight:400}.header-controls{display:flex;align-items:center;gap:2rem}.view-toggle{display:flex;gap:.5rem;border:1px solid white}.view-toggle button{background:transparent;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;font-family:Georgia,Times New Roman,serif;font-size:.9rem}.view-toggle button:hover{background:#333}.view-toggle button.active{background:#fff;color:#000}.admin-toggle{display:flex;align-items:center;gap:.5rem}.admin-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.admin-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}main{padding:2rem;max-width:1200px;margin:0 auto}.password-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.password-modal{background:#fff;border:2px solid black;padding:2rem;max-width:400px;width:90%}.password-modal h2{margin-bottom:1.5rem;font-weight:400;font-size:1.3rem}.password-modal form{display:flex;flex-direction:column;gap:1rem}.password-modal input[type=password]{padding:.75rem;border:1px solid black;font-size:1rem;font-family:Georgia,Times New Roman,serif}.password-modal input[type=password]:focus{outline:2px solid black}.modal-buttons{display:flex;gap:.5rem}.modal-buttons button{flex:1;padding:.75rem;border:none;font-size:1rem;font-family:Georgia,Times New Roman,serif;cursor:pointer}.modal-buttons button[type=submit]{background:#000;color:#fff}.modal-buttons button[type=submit]:hover{background:#333}.modal-buttons button[type=button]{background:#fff;color:#000;border:1px solid black}.modal-buttons button[type=button]:hover{background:#f0f0f0}