html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;color:#f0f0f0;background:#0a0a0a}h1,h2,h3,h4,h5,h6{font-family:sans-serif;font-weight:600;line-height:1.25;margin-top:0;margin-bottom:.5rem}#app{display:flex;flex-direction:column;min-height:100vh}.stopwatch-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;max-width:600px;margin:0 auto;text-align:center}.timer-display{color:#fff;margin-bottom:1rem;display:flex}.timer-display #timer{font-size:5rem;font-weight:300;font-family:Noto Sans Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;letter-spacing:-.02em;transition:color .2s ease}.timer-text.timer-stopped{color:#a0a0a0}.timer-text.timer-running{color:#fff}.milliseconds{font-size:.6em;color:#a0a0a0;font-weight:400}.controls{display:flex;gap:.5rem;margin-bottom:2rem}.timer-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.controls-primary{display:flex;justify-content:center;gap:.5rem}.controls-secondary{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.control-btn-primary{background:#4cd964;color:#fff;min-width:120px}.control-btn-primary:hover{background:#3ab853}.control-btn-primary:active{background:#2a9642}@media (max-width: 480px){.controls-primary,.controls-secondary{flex-wrap:wrap}.control-btn{flex:1;min-width:80px}.control-btn.icon-btn{flex:0 0 auto}}@media (max-width: 480px){.presets-wrapper{max-height:400px;transition:max-height .2s cubic-bezier(.4,0,.6,1),margin .2s cubic-bezier(.4,0,.6,1),opacity .15s ease-out;margin:1rem auto 0;overflow:hidden;opacity:1;&.timer-running{max-height:0;margin:0;opacity:0}}}@media (min-width: 481px){.presets-wrapper{margin:1rem auto 0}}.start-times-section{display:flex;justify-content:center;background:#141414;padding:2rem;border-radius:4px;border:1px solid #333;text-align:center}.add-preset{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.time-input{width:60px;padding:.5rem;border:1px solid #444;border-radius:2px;text-align:center;font-family:inherit;font-size:.9rem;background:#1a1a1a;color:#f0f0f0}.add-btn{background:#f0f0f0;color:#0a0a0a;border:none;padding:.5rem 1rem;border-radius:2px;font-size:.9rem;font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:.5px;text-transform:uppercase;transition:all .15s ease}.add-btn:hover{background:#fff}.add-btn:active{background:#d0d0d0}.presets-list{max-height:200px;overflow-y:auto;border:none}.preset-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #2a2a2a;cursor:pointer;transition:background .15s ease}.preset-item:last-child{border-bottom:none}.preset-item:hover{background:#1f1f1f}.preset-item.selected{background:#1a2a1a;border-left:4px solid #4fff4f;padding-left:1rem}.preset-item.selected:hover{background:#1a2a1a}.preset-time{font-family:Noto Sans Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1rem;font-weight:400;color:#f0f0f0;letter-spacing:-.02em}.preset-delete{background:#f33;color:#fff;border:none;padding:.3rem .6rem;border-radius:2px;font-size:.8rem;font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:.5px;text-transform:uppercase;transition:all .15s ease}.preset-delete:hover{background:#f55}.preset-delete:active{background:#c22}.control-btn{background:#f0f0f0;color:#0a0a0a;border:none;padding:.75rem 1.5rem;border-radius:2px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:100px;font-family:inherit;letter-spacing:.5px;text-transform:uppercase}.control-btn.icon-btn{padding:.75rem;min-width:44px;display:flex;align-items:center;justify-content:center}.control-btn.icon-btn svg{display:block}.control-btn:hover{background:#fff}.control-btn:active{background:#d0d0d0}@media (max-width: 600px){.popout-btn{display:none!important}}.status{margin-bottom:1rem}.connection-status{padding:.4rem .8rem;border-radius:2px;font-size:.75rem;font-weight:500;background:#1a1a1a;color:#a0a0a0;border:1px solid #333;text-transform:uppercase;letter-spacing:.5px}.connection-status.connected{background:#0a2a0a;color:#4fff4f;border-color:#2a5a2a}.connection-status.disconnected{background:#2a0a0a;color:#f44;border-color:#5a2a2a}.ready-indicators-container{margin-bottom:2rem;text-align:center}.ready-indicators{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;align-items:center}.ready-indicator{display:flex;flex-direction:column;align-items:center;gap:.3rem}.indicator-dot{width:20px;height:20px;border-radius:50%;transition:all .3s ease}.ready-indicator.connecting .indicator-dot{background-color:#666;opacity:.6}.ready-indicator.not-ready .indicator-dot{background-color:#ff9500}.ready-indicator.ready .indicator-dot{background-color:#4cd964}.ready-indicator.me .indicator-dot{box-shadow:0 0 0 3px #fff3;border:2px solid white}.control-btn.ready-active{background-color:#4cd964;color:#fff}.control-btn.ready-active:hover{background-color:#3ab853}.connecting-pulse{animation:pulse 1.5s ease-in-out infinite}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.modal-backdrop{position:fixed;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:1000;transition:background .2s ease-out}.modal-backdrop.visible{background:#000c}.modal{background:#1a1a1a;border-radius:12px;padding:2rem;position:relative;max-width:90%;width:400px;box-shadow:0 10px 40px #0000004d;opacity:0;transform:translateY(8px);transition:opacity .2s ease-out,transform .2s ease-out}.modal.visible{opacity:1;transform:translateY(0)}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.modal-close:hover{opacity:.7}.start-confirmation-modal h3{margin:0 0 1.5rem;text-align:center;color:#fff;font-size:1.5rem}.confirmation-content{margin-bottom:2rem;text-align:center;color:#fff}.confirmation-content p{margin:.5rem 0}.warning-text{color:#fc0;font-weight:500}.confirmation-buttons{display:flex;gap:1rem;justify-content:center}.confirmation-buttons button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:opacity .2s}.cancel-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.confirm-btn{background:#4caf50;color:#fff}.confirmation-buttons button:hover{opacity:.85}.qr-modal h3{margin:0 0 1.5rem;text-align:center;color:#fff;font-size:1.5rem}.qr-code-container{display:flex;height:16rem;justify-content:center;margin-bottom:1.5rem;background:#fff;border-radius:8px}.qr-room-info{text-align:center;color:#fff;margin:0 0 1.5rem;font-size:1.1rem;opacity:.9}.qr-url-section{display:flex;gap:.5rem}.qr-url-input{flex:1;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:monospace;font-size:.9rem}.qr-copy-btn{padding:.75rem 1.5rem;background:#0a2a0a;color:#4fff4f;border:1px solid #2a5a2a;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.qr-copy-btn:hover{background:#0f3a0f;border-color:#3a6a3a}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*# sourceMappingURL=app.css.map */