:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;min-height:100vh}.app{max-width:500px;margin:0 auto;min-height:100vh;background:#fff}.header{background:#4a69bd;padding:16px 20px;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.header h1{color:#fff;font-size:20px;font-weight:600}.header-icons{display:flex;gap:8px}.tab-btn{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;transition:all .2s}.tab-btn:hover{background:#ffffff4d}.tab-btn.active{background:#fff}.main{padding:20px}.live-number-container{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:16px;margin-bottom:20px;border:1px solid #e9ecef}.live-number{font-size:100px;font-weight:900;color:#2d3436;font-family:Arial Black,sans-serif;letter-spacing:-5px;line-height:1;transition:all .3s ease}.live-number.connected{animation:pulse 2s infinite}.live-number.disconnected{opacity:.5}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.update-time{color:#6c757d;font-size:14px;margin-top:16px}.winner-indicator{color:#28a745;font-weight:600}.timestamp{color:#999;font-size:12px;margin-top:8px}.results-container{display:flex;flex-direction:column;gap:12px}.result-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.result-time{background:#4a69bd;color:#fff;padding:12px 16px;font-weight:600;font-size:16px;text-align:center}.result-details{display:grid;grid-template-columns:1fr 1fr 1fr;padding:16px;gap:8px}.result-item{text-align:center}.result-item .label{display:block;color:#6c757d;font-size:12px;margin-bottom:4px}.result-item .value{display:block;color:#333;font-size:18px;font-weight:600;font-family:Courier New,monospace}.result-2d .value{font-size:24px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:4px}.result-2d .value.has-result{color:#28a745}.arrow{font-size:20px;opacity:.7}.history-main{padding-bottom:40px}.history-title{color:#333;font-size:20px;margin-bottom:20px;text-align:center}.no-history{color:#999;text-align:center;padding:40px}.history-date-group{margin-bottom:24px}.history-date{color:#333;font-size:16px;font-weight:600;padding:8px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.history-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;margin-bottom:8px}.history-time{background:#4a69bd;color:#fff;padding:10px 16px;font-weight:600;font-size:14px;text-align:center}.history-details{display:grid;grid-template-columns:1fr 1fr 1fr;padding:12px 16px;gap:8px}.history-item{text-align:center}.history-item .label{display:block;color:#6c757d;font-size:11px;margin-bottom:2px}.history-item .value{display:block;color:#333;font-size:16px;font-weight:600;font-family:Courier New,monospace}.history-2d .value{font-size:20px;font-weight:900}.history-2d .value.has-result{color:#28a745}