:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;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-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;min-height:100vh;font-family:system-ui,sans-serif}#root{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.join-screen{text-align:center;width:100%;max-width:400px}.join-screen h1{color:#a8d8a8;margin-bottom:.25rem;font-size:2.5rem}.subtitle{color:#888;margin-bottom:2rem}.join-form{flex-direction:column;gap:1rem;display:flex}.join-form label{text-align:left;color:#aaa;flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.join-form input{color:#e0e0e0;background:#16213e;border:1px solid #333;border-radius:6px;outline:none;padding:.6rem .8rem;font-size:1rem}.join-form input:focus{border-color:#a8d8a8}.join-form button{color:#1a1a2e;cursor:pointer;background:#a8d8a8;border:none;border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:1rem;font-weight:600}.join-form button:disabled{opacity:.4;cursor:not-allowed}.room-view{width:100%;max-width:700px}.room-name{color:#a8d8a8;text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.room-layout{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.user-list{background:#16213e;border-radius:10px;flex:1;min-width:200px;padding:1.25rem}.user-list h3{color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.85rem}.slots{flex-direction:column;gap:.6rem;display:flex}.slot{background:#0f3460;border-radius:6px;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.slot.empty{opacity:.4}.slot.me{border:1px solid #a8d8a8}.flower{font-size:1.2rem}.slot-name{font-size:.95rem}.pomodoro{text-align:center;background:#16213e;border-radius:10px;flex:1;min-width:200px;padding:1.25rem}.mode-label{text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.mode-label.focus{color:#f6c90e}.mode-label.break{color:#a8d8a8}.countdown{font-variant-numeric:tabular-nums;letter-spacing:.05em;margin-bottom:1rem;font-size:3rem;font-weight:700}.timer-controls{justify-content:center;gap:.75rem;display:flex}.timer-controls button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600}.timer-controls button:first-child{color:#1a1a2e;background:#a8d8a8}.timer-controls button:last-child{color:#1a1a2e;background:#e07070}.timer-controls button:disabled{opacity:.35;cursor:not-allowed}.error{color:#e07070}