: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}}:root{--primary:#6ecf9f;--primary-hover:#56c48f;--bg:#f3fbf6;--surface:#fff;--border:#d8ebe1;--text:#1f3a2e;--text-light:#6b8f80;--accent-soft:#e7f7ef;--accent-soft-2:#dff4ea;--shadow-soft:#3c785a14;--danger:#e05c5c;--danger-hover:#c94e4e}[data-color=blue]{--primary:#5b9cf6;--primary-hover:#3d85f5;--bg:#f0f6ff;--surface:#fff;--border:#cdddf8;--text:#1a2e4a;--text-light:#5a7a9f;--accent-soft:#e4effe;--accent-soft-2:#d8e8fd;--shadow-soft:#325aa014}[data-color=purple]{--primary:#9b6ef3;--primary-hover:#8455e8;--bg:#f6f2ff;--surface:#fff;--border:#ddd0f9;--text:#2a1a4a;--text-light:#7a5a9f;--accent-soft:#ede5fe;--accent-soft-2:#e4d8fd;--shadow-soft:#643cb414}[data-color=orange]{--primary:#f5894a;--primary-hover:#e8722f;--bg:#fff8f3;--surface:#fff;--border:#fad9c4;--text:#3d1f0a;--text-light:#a06040;--accent-soft:#feeee4;--accent-soft-2:#fde4d4;--shadow-soft:#b45a1e14}[data-color=red]{--primary:#f05a6e;--primary-hover:#e03d54;--bg:#fff2f3;--surface:#fff;--border:#f8cdd1;--text:#3d0f15;--text-light:#a04050;--accent-soft:#fde4e7;--accent-soft-2:#fcd8dc;--shadow-soft:#b4283c14}[data-color=teal]{--primary:#2bbcb0;--primary-hover:#1da89c;--bg:#f0fbfa;--surface:#fff;--border:#c2ece9;--text:#0f2e2c;--text-light:#4a8a86;--accent-soft:#d8f5f3;--accent-soft-2:#ccf0ee;--shadow-soft:#1e827814}[data-color=pink]{--primary:#e8609a;--primary-hover:#d4467f;--bg:#fff2f8;--surface:#fff;--border:#f5cce0;--text:#3d0f25;--text-light:#a04070;--accent-soft:#fce4ef;--accent-soft-2:#fad8e8;--shadow-soft:#b4326e14}[data-color=slate]{--primary:#6e8ef0;--primary-hover:#5272e8;--bg:#f4f5f9;--surface:#fff;--border:#d2d6e8;--text:#1a1f35;--text-light:#6068a0;--accent-soft:#e8eaf8;--accent-soft-2:#dde0f5;--shadow-soft:#323c8c14}[data-theme=dark]{--bg:#0f1f1a;--surface:#162823;--border:#274238;--text:#e8f7ef;--text-light:#9bc3b3;--primary:#6ecf9f;--primary-hover:#82ddb0;--accent-soft:#1e3a30;--accent-soft-2:#1a332a;--shadow-soft:#00000059}[data-theme=dark][data-color=blue]{--bg:#0f1a2e;--surface:#162440;--border:#1e3560;--text:#e0eeff;--text-light:#7aabdd;--primary:#5b9cf6;--primary-hover:#7ab5ff;--accent-soft:#1a2e50;--accent-soft-2:#162845}[data-theme=dark][data-color=purple]{--bg:#18102e;--surface:#221540;--border:#35206a;--text:#ede0ff;--text-light:#a8d;--primary:#9b6ef3;--primary-hover:#b490ff;--accent-soft:#2a1a50;--accent-soft-2:#241545}[data-theme=dark][data-color=orange]{--bg:#1f1208;--surface:#2e1c0e;--border:#5a3010;--text:#fff0e0;--text-light:#c85;--primary:#f5894a;--primary-hover:#ffa060;--accent-soft:#3a2010;--accent-soft-2:#32190a}[data-theme=dark][data-color=red]{--bg:#1f0d10;--surface:#2e1318;--border:#5a1a22;--text:#ffe0e3;--text-light:#c78;--primary:#f05a6e;--primary-hover:#ff7080;--accent-soft:#3a1018;--accent-soft-2:#320d14}[data-theme=dark][data-color=teal]{--bg:#091e1d;--surface:#102c2a;--border:#164640;--text:#d8f5f3;--text-light:#6abbb5;--primary:#2bbcb0;--primary-hover:#3dd4c8;--accent-soft:#143530;--accent-soft-2:#102c28}[data-theme=dark][data-color=pink]{--bg:#1f0d18;--surface:#2e1224;--border:#5a1840;--text:#ffe0f0;--text-light:#c79;--primary:#e8609a;--primary-hover:#ff7aaa;--accent-soft:#3a1028;--accent-soft-2:#320d22}[data-theme=dark][data-color=slate]{--bg:#111420;--surface:#181d30;--border:#252d50;--text:#e0e4ff;--text-light:#8890cc;--primary:#6e8ef0;--primary-hover:#8af;--accent-soft:#1e2440;--accent-soft-2:#1a2038}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);width:100vw;height:100vh;font-family:Inter,system-ui,sans-serif;transition:background-color .3s,color .3s;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}.view{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}button{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s,opacity .2s,transform .1s}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 3px 10px var(--shadow-soft)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--accent-soft-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--accent-soft)}.btn-ghost{color:var(--text-light);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.btn-ghost.small{padding:.35rem .7rem;font-size:.8rem}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-theme-toggle{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.88rem;display:flex}.btn-theme-toggle:hover{background:var(--accent-soft)}button.full{width:100%}button.small{padding:.4rem .75rem;font-size:.8rem}.logo{color:var(--primary);letter-spacing:-.03em;font-size:2rem;font-weight:800}.logo.small{font-size:1.3rem}.setup-view{background:var(--bg);justify-content:center;align-items:center}.setup-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 40px var(--shadow-soft);border-radius:16px;flex-direction:column;gap:1rem;width:100%;max-width:440px;padding:2.5rem;display:flex;position:relative}.setup-card .btn-theme-toggle,.setup-card .theme-picker-wrap{position:absolute;top:1rem;right:1rem}.setup-card .theme-picker-swatches{justify-content:center}.tagline{color:var(--text-light);margin-top:-.5rem;margin-bottom:.5rem;font-size:.95rem}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}input[type=text],input[type=number],select,textarea{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;outline:none;width:100%;padding:.65rem .9rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,background .3s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}.toggle-group{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.toggle-group button{background:var(--bg);color:var(--text-light);box-shadow:none;border:none;border-radius:0;flex:1;padding:.55rem 0;font-size:.85rem}.toggle-group button.active{background:var(--primary);color:#fff}.toggle-group button:hover:not(.active){background:var(--accent-soft)}.direct-link-notice{color:var(--text-light);background:var(--accent-soft);border:1px solid var(--border);border-radius:8px;padding:.6rem .9rem;font-size:.85rem}.lobby-view{overflow:hidden}.lobby-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.lobby-meta{align-items:center;gap:.75rem;display:flex}.lobby-user-chip{color:var(--text-light);background:var(--accent-soft);border:1px solid var(--border);border-radius:99px;padding:.3rem .85rem;font-size:.85rem}.lobby-body{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:900px;margin:0 auto;padding:2rem;display:flex;overflow-y:auto}.lobby-intro h2{margin-bottom:.25rem;font-size:1.4rem}.lobby-intro p{color:var(--text-light);font-size:.9rem}.room-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.room-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:box-shadow .2s,border-color .2s;display:flex}.room-card:hover{box-shadow:0 4px 18px var(--shadow-soft)}.room-card.matched{border-color:var(--primary);background:var(--accent-soft)}.room-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.room-host{margin-bottom:.2rem;font-size:.95rem;font-weight:700;display:block}.room-users{color:var(--text-light);white-space:nowrap;font-size:.8rem}.room-status-badge{border-radius:99px;padding:.15rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.status-waiting{color:#92400e;background:#fef9c3}.status-active{color:#166534;background:#dcfce7}.status-finished{color:#3730a3;background:#e0e7ff}.status-break{color:#9a3412;background:#fde8d8}[data-theme=dark] .status-waiting{color:#fde68a;background:#3b2e00}[data-theme=dark] .status-active{color:#86efac;background:#052e16}[data-theme=dark] .status-finished{color:#a5b4fc;background:#1e1b4b}[data-theme=dark] .status-break{color:#fdba74;background:#3b1a0a}.room-card-details{flex-wrap:wrap;gap:.4rem;display:flex}.room-tag{background:var(--bg);border:1px solid var(--border);color:var(--text-light);border-radius:99px;padding:.15rem .6rem;font-size:.78rem}.match-tag{background:var(--primary);color:#fff;border-color:var(--primary)}.privacy-tag{color:#6b21a8;background:#f3e8ff;border-color:#d8b4fe}[data-theme=dark] .privacy-tag{color:#d8b4fe;background:#2e1a47;border-color:#6b21a8}.btn-join{background:var(--primary);color:#fff;width:100%;padding:.55rem;font-size:.88rem}.btn-join:hover:not(:disabled){background:var(--primary-hover)}.empty-state{text-align:center;color:var(--text-light);grid-column:1/-1;padding:3rem 0}.lobby-create{justify-content:center;padding-bottom:1rem;display:flex}.room-view{grid-template-columns:450px minmax(320px,1fr) 500px;height:100%;display:grid;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar-top{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.room-info-block{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.3rem;padding:.9rem 1.1rem;display:flex}.room-id-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);font-size:.72rem;font-weight:600}.room-id-value{color:var(--text);word-break:break-all;font-size:.85rem;font-weight:700}.participants{border-bottom:1px solid var(--border);flex:1;padding:.9rem 1.1rem;overflow-y:auto}.participants h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:.75rem;font-size:.78rem;font-weight:600}.participant-row{background:var(--bg);border-radius:8px;flex-direction:column;gap:.35rem;margin-bottom:.4rem;padding:.5rem .65rem;font-size:.88rem;display:flex}.participant-info{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.participant-counts{color:var(--text-light);white-space:nowrap;font-size:.75rem}.participant-sprint-words{color:var(--primary);white-space:nowrap;font-size:.75rem;font-weight:600}.participant-wordcount{color:var(--text-light);justify-content:space-between;padding:0 .1rem;font-size:.75rem;display:flex}.progress-bar-fill{background:var(--primary);border-radius:99px;height:100%;transition:width .4s}.progress-bar-empty{opacity:.4}.settings-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:.5rem;font-size:.72rem;font-weight:600}.manuscript-inputs{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.6rem;display:grid}.manuscript-field{flex-direction:column;gap:.2rem;display:flex}.manuscript-field label{color:var(--text-light);font-size:.72rem;font-weight:600}.manuscript-field input{padding:.4rem .5rem;font-size:.82rem}.participant-name{color:var(--text);align-items:center;gap:.3rem;font-weight:600;display:flex}.my-settings{border-bottom:1px solid var(--border);flex-shrink:0;padding:.75rem 1.1rem}.inline-toggle{color:var(--text-light);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.inline-toggle input[type=checkbox]{width:auto;accent-color:var(--primary);cursor:pointer}.host-controls{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.5rem;padding:.9rem 1.1rem;display:flex}.host-controls h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);font-size:.78rem;font-weight:600}.settings-panel{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.settings-panel label{color:var(--text-light);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.break-controls{flex-direction:column;gap:.5rem;display:flex}.post-sprint-controls{flex-direction:column;gap:.75rem;display:flex}.break-controls label{color:var(--text-light);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.settings-btn{text-align:left}.sidebar-footer{flex-direction:column;flex-shrink:0;gap:.5rem;margin-top:auto;padding:.9rem 1.1rem;display:flex}.room-main{flex-direction:column;height:100%;display:flex;overflow:hidden}.status-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:1.25rem;padding:.75rem 1.5rem;display:flex}.status-bar.status-active{background:var(--accent-soft)}.status-bar.status-finished{background:#f0f0ff}.status-bar.status-break{background:#fff7ed}[data-theme=dark] .status-bar.status-active{background:#0d2a1e}[data-theme=dark] .status-bar.status-finished{background:#1a1830}[data-theme=dark] .status-bar.status-break{background:#2a1800}.status-label{color:var(--text-light);font-size:.9rem;font-weight:600}.timer{font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.timer.done{color:var(--primary)}.my-word-count{color:var(--text-light);margin-left:auto;font-size:.88rem;font-weight:600}.editor-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.editor-toolbar.toolbar-disabled{opacity:.35;pointer-events:none}.toolbar-group{align-items:center;gap:.25rem;display:flex}.toolbar-divider{background:var(--border);width:1px;height:1.2rem;margin:0 .25rem}.toolbar-btn{color:var(--text);width:30px;height:28px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:.9rem;display:flex}.toolbar-btn:hover{background:var(--accent-soft);border-color:var(--border)}.toolbar-select{color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:5px;outline:none;height:28px;padding:.2rem .4rem;font-family:inherit;font-size:.8rem}.toolbar-select:focus{border-color:var(--primary)}.writing-area{background:var(--bg);color:var(--text);border:none;border-radius:0;outline:none;flex:1;padding:1.75rem 2rem;font-size:1.1rem;line-height:1.75;transition:background .3s,color .3s;overflow-y:auto}.writing-area:focus{background:var(--surface)}.rich-editor{white-space:pre-wrap;word-break:break-word;cursor:text}.rich-editor[contenteditable=false]{cursor:default;color:var(--text-light)}.rich-editor:empty:before{content:attr(data-placeholder);color:var(--text-light);pointer-events:none;font-style:italic}.sprint-logs{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;max-height:220px;overflow-y:auto}.sprint-log-entry{border-bottom:1px solid var(--border)}.sprint-log-entry summary{color:var(--text-light);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.7rem 1.5rem;font-size:.85rem;font-weight:600}.sprint-log-entry summary:hover{color:var(--text)}.no-logs{color:var(--text-light);padding:.5rem 2rem .75rem;font-size:.85rem}.log-block{border-top:1px dashed var(--border);padding:.5rem 2rem .75rem}.log-author{color:var(--primary);margin-bottom:.2rem;font-size:.82rem;font-weight:700}.log-text{white-space:pre-wrap;color:var(--text-light);font-size:.88rem;line-height:1.6}.chat-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-panel h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem 1.1rem .75rem;font-size:.78rem;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:.5rem;padding:.75rem 1rem;display:flex;overflow-y:auto}.chat-empty{color:var(--text-light);text-align:center;margin-top:1.5rem;font-size:.85rem}.chat-message{background:var(--bg);border-radius:8px;padding:.45rem .7rem}.chat-name{color:var(--primary);margin-bottom:.1rem;font-size:.75rem;font-weight:700;display:block}.chat-text{color:var(--text);word-break:break-word;font-size:.88rem;line-height:1.4}.chat-form{border-top:1px solid var(--border);flex-shrink:0;gap:.5rem;padding:.75rem 1rem;display:flex}.chat-form input{flex:1;padding:.5rem .7rem;font-size:.88rem}.chat-form button{background:var(--primary);color:#fff;flex-shrink:0;padding:.5rem .85rem;font-size:.85rem}.chat-form button:hover{background:var(--primary-hover)}@media (width<=768px){.room-view{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;overflow-y:auto}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;overflow:visible}.chat-panel{border-left:none;border-top:1px solid var(--border);height:300px}.room-main{min-height:400px}}.theme-picker-wrap{align-items:center;display:flex;position:relative}.theme-picker-swatches{background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px var(--shadow-soft);border-radius:99px;align-items:center;gap:.4rem;padding:.3rem .5rem;display:flex}.swatch{cursor:pointer;width:20px;height:20px;box-shadow:none;border:2px solid #0000;border-radius:50%;padding:0;transition:transform .15s,border-color .15s}.swatch:hover{transform:scale(1.2)}.swatch.active{border-color:var(--text);transform:scale(1.15)}.pane-tabs{background:var(--bg);border:1px solid var(--border);border-radius:8px;gap:.25rem;margin-left:auto;padding:.2rem;display:flex}.pane-tab{color:var(--text-light);box-shadow:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.82rem;font-weight:600;transition:background .15s,color .15s;display:flex}.pane-tab:hover:not(.pane-tab-disabled){background:var(--accent-soft);color:var(--text)}.pane-tab.active{background:var(--primary);color:#fff}.pane-tab-disabled{opacity:.4;cursor:not-allowed}.pane-tab-badge{background:var(--text-light);color:#fff;border-radius:99px;padding:0 .4rem;font-size:.7rem;line-height:1.4}.pane-tab.active .pane-tab-badge{background:#ffffff59}.read-pane{background:var(--bg);flex:1;padding:2rem 3rem;overflow-y:auto}.read-pane-empty{color:var(--text-light);text-align:center;margin-top:3rem;font-style:italic}.read-sprint-group{border-bottom:2px dashed var(--border);margin-bottom:3rem;padding-bottom:2rem}.read-sprint-group:last-child{border-bottom:none}.read-sprint-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);margin-bottom:1.5rem;font-size:.78rem;font-weight:700}.read-entry{border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem;overflow:hidden}.read-entry-summary{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);align-items:center;padding:.7rem 1rem;list-style:none;transition:background .15s;display:flex}.read-entry-summary::-webkit-details-marker{display:none}.read-entry-summary:before{content:"▶";color:var(--text-light);margin-right:.6rem;font-size:.65rem;transition:transform .2s}details[open] .read-entry-summary:before{transform:rotate(90deg)}.read-entry-summary:hover{background:var(--accent-soft)}.read-author{color:var(--primary);font-size:.88rem;font-weight:700}.read-text{color:var(--text);white-space:pre-wrap;border-top:1px solid var(--border);background:var(--bg);padding:1rem 1.25rem 1.25rem;font-family:Georgia,Palatino Linotype,serif;font-size:1.05rem;line-height:1.8}.read-no-logs{color:var(--text-light);font-style:italic}