@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Syne:wght@400;500;600;700;800&display=swap";:root{--bg-0:#0a0a0a;--bg-1:#111;--bg-2:#181818;--bg-3:#222;--border:#2a2a2a;--border-bright:#3a3a3a;--accent:#f97316;--accent-dim:#7c3a0e;--accent-glow:#f9731626;--text-1:#f0ece4;--text-2:#8a8680;--text-3:#4a4845;--mono:"JetBrains Mono", monospace;--sans:"Syne", sans-serif;--radius-sm:4px;--radius-md:8px;--transition:.15s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg-0);color:var(--text-1);font-family:var(--mono);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff03 2px 4px);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}::selection{background:var(--accent-glow);color:var(--accent)}.btn{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px solid #0000;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.8rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover{box-shadow:0 0 20px var(--accent-glow);background:#fb923c}.btn-ghost{color:var(--text-2);border-color:var(--border);background:0 0}.btn-ghost:hover{border-color:var(--border-bright);color:var(--text-1);background:var(--bg-2)}.input{font-family:var(--mono);background:var(--bg-1);border:1px solid var(--border);color:var(--text-1);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.65rem 1rem;font-size:.875rem}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-3)}.tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);background:var(--bg-3);color:var(--text-2);border:1px solid var(--border);padding:.2rem .5rem;font-size:.7rem}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-panel{background:var(--bg-1);border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-panel__logo{font-family:var(--sans);letter-spacing:-.02em;color:var(--text-1);font-size:1.5rem;font-weight:700}.auth-panel__bracket{color:var(--accent);margin:0 2px}.auth-panel__tagline{font-family:var(--sans);color:var(--text-1);letter-spacing:-.03em;font-size:2.4rem;font-weight:800;line-height:1.15}.auth-panel__grid{opacity:.25;grid-template-columns:repeat(10,1fr);gap:14px;display:grid;position:absolute;bottom:2rem;right:2rem}.auth-panel__dot{background:var(--text-2);border-radius:50%;width:3px;height:3px}.auth-form-wrap{background:var(--bg-0);justify-content:center;align-items:center;padding:2rem;display:flex}.auth-form-box{width:100%;max-width:380px}.auth-tabs{border-bottom:1px solid var(--border);margin-bottom:2rem;display:flex}.auth-tab{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:.75rem 1.2rem;font-size:.8rem;position:relative}.auth-tab:hover{color:var(--text-2)}.auth-tab.active{color:var(--accent)}.auth-tab.active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.auth-form{flex-direction:column;gap:1.2rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:.7rem}.auth-error{color:#ef4444;border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444433;padding:.5rem .75rem;font-size:.8rem}.auth-submit{justify-content:center;width:100%;margin-top:.5rem}@media (width<=640px){.auth-page{grid-template-columns:1fr}.auth-panel{display:none}}.home{flex-direction:column;min-height:100vh;display:flex}.home-header{border-bottom:1px solid var(--border);background:var(--bg-1);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.home-logo{font-family:var(--sans);letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.home-header__right{align-items:center;gap:1rem;display:flex}.home-user{color:var(--text-2);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.home-user__dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 6px var(--accent);border-radius:50%}.home-main{flex:1;grid-template-columns:1fr 1fr;display:grid}.home-action{border-right:1px solid var(--border);flex-direction:column;gap:2rem;padding:4rem 3rem;display:flex}.home-title{font-family:var(--sans);letter-spacing:-.04em;color:var(--text-1);font-size:3.5rem;font-weight:800;line-height:1.05}.home-title--accent{color:var(--accent)}.home-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);gap:0;width:fit-content;display:flex;overflow:hidden}.home-tab{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);cursor:pointer;transition:all var(--transition);background:0 0;border:none;padding:.5rem 1rem;font-size:.75rem}.home-tab.active{background:var(--accent);color:#000;font-weight:700}.home-form{align-items:flex-start;gap:.75rem;display:flex}.home-form .input{flex:1}.home-error{color:#ef4444;font-size:.8rem}.home-rooms{flex-direction:column;gap:1rem;padding:4rem 3rem;display:flex}.home-rooms__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:.7rem}.home-rooms__empty{color:var(--text-3);font-size:.875rem}.room-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.room-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);font-family:var(--mono);color:var(--text-1);text-align:left;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.room-card:hover{border-color:var(--accent);background:var(--bg-2);box-shadow:0 0 20px var(--accent-glow)}.room-card__left{align-items:center;gap:.9rem;display:flex}.room-card__indicator{background:var(--border-bright);border-radius:50%;flex-shrink:0;width:8px;height:8px}.room-card:hover .room-card__indicator{background:var(--accent);box-shadow:0 0 6px var(--accent)}.room-card__name{font-size:.9rem;font-weight:500}.room-card__meta{color:var(--text-3);margin-top:.2rem;font-size:.75rem}.room-card__arrow{color:var(--text-3);transition:color var(--transition)}.room-card:hover .room-card__arrow{color:var(--accent)}@media (width<=768px){.home-main{grid-template-columns:1fr}.home-action{border-right:none;border-bottom:1px solid var(--border);padding:2rem 1.5rem}.home-rooms{padding:2rem 1.5rem}.home-title{font-size:2.5rem}}.filetabs{background:var(--bg-1);border-bottom:1px solid var(--border);scrollbar-width:none;align-items:stretch;display:flex;overflow-x:auto}.filetabs::-webkit-scrollbar{display:none}.filetab{height:36px;font-family:var(--mono);color:var(--text-3);border:none;border-right:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:all var(--transition);background:0 0;align-items:center;gap:.45rem;padding:0 1.1rem;font-size:.78rem;display:flex;position:relative}.filetab:hover{color:var(--text-1);background:var(--bg-2)}.filetab.active{color:var(--text-1);background:#1e1e1e}.filetab.active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:0;left:0;right:0}.filetab__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.filetab__name{pointer-events:none}.filetab__rename-input{font-family:var(--mono);background:var(--bg-3);border:1px solid var(--accent);color:var(--text-1);border-radius:3px;outline:none;width:100px;padding:.1rem .3rem;font-size:.78rem}.filetab__delete{color:var(--text-3);cursor:pointer;opacity:0;transition:opacity var(--transition), color var(--transition);background:0 0;border:none;margin-left:.2rem;padding:0 .1rem;font-size:.9rem;line-height:1}.filetab:hover .filetab__delete{opacity:1}.filetab__delete:hover{color:#ef4444}.filetab--add{color:var(--text-3);transition:color var(--transition), background var(--transition);border-right:none;padding:0 .85rem;font-size:1.1rem}.filetab--add:hover{color:var(--accent);background:var(--bg-2)}.filetab--adding{min-width:120px}.userlist{border-bottom:1px solid var(--border);padding:.85rem}.userlist__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.65rem;display:flex}.userlist__count{background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);border-radius:10px;padding:0 .4rem;font-size:.65rem}.userlist__items{flex-direction:column;gap:.4rem;list-style:none;display:flex}.userlist__item{align-items:center;gap:.6rem;display:flex}.user-avatar{border-radius:var(--radius-sm);color:#000;letter-spacing:.03em;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.6rem;font-weight:700;display:flex}.userlist__name{color:var(--text-2);flex:1;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.userlist__you{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-glow);border-radius:3px;padding:.1rem .35rem;font-size:.6rem}.user-online-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 5px #10b981}.chat{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);flex-shrink:0;padding:.75rem .85rem .4rem;font-size:.65rem}.chat__messages{flex-direction:column;flex:1;gap:.6rem;min-height:0;padding:.75rem .85rem;display:flex;overflow-y:auto}.chat__empty{color:var(--text-3);font-size:.78rem}.chat-msg{flex-direction:column;align-items:flex-start;gap:.15rem;max-width:90%;display:flex}.chat-msg--own{align-self:flex-end;align-items:flex-end}.chat-msg__user{letter-spacing:.05em;color:var(--accent);text-transform:lowercase;font-size:.65rem}.chat-msg__bubble{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);word-break:break-word;padding:.4rem .65rem;font-size:.8rem;line-height:1.5}.chat-msg--own .chat-msg__bubble{background:var(--accent-glow);border-color:var(--accent-dim);color:var(--text-1)}.chat-msg__time{color:var(--text-3);font-size:.6rem}.chat__form{border-top:1px solid var(--border);flex-shrink:0;gap:.4rem;padding:.6rem .85rem;display:flex}.chat__input{padding:.45rem .7rem;font-size:.8rem}.chat__send{flex-shrink:0;padding:.45rem .75rem;font-size:.9rem}.cursor-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.remote-cursor{flex-direction:column;align-items:flex-start;display:flex;position:absolute;transform:translateY(-100%)}.remote-cursor__line{opacity:.9;border-radius:1px;width:2px;height:18px;transform:translateY(100%)}.remote-cursor__label{font-family:var(--mono);color:#000;white-space:nowrap;opacity:.9;letter-spacing:.03em;border-radius:3px 3px 3px 0;padding:.1rem .35rem;font-size:.62rem;font-weight:700}.output-panel{background:var(--bg-1);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;height:220px;display:flex}.output-panel__header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.75rem;height:36px;padding:0 1rem;display:flex}.output-panel__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);flex:1;font-size:.65rem}.output-panel__meta{align-items:center;gap:.5rem;display:flex}.output-status{letter-spacing:.06em;text-transform:uppercase;border-radius:3px;padding:.15rem .5rem;font-size:.68rem}.output-status.ok{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.output-status.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.output-stat{color:var(--text-3);font-size:.68rem;font-family:var(--mono)}.run-btn{align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.72rem;display:flex}.run-btn.running{opacity:.7;cursor:not-allowed}.run-spinner{border:1.5px solid #000;border-top-color:#0000;border-radius:50%;width:8px;height:8px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.output-body{flex:1;padding:.75rem 1rem;overflow-y:auto}.output-empty{color:var(--text-3);font-size:.78rem}.output-stdout,.output-error{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.8rem;line-height:1.6}.output-stdout{color:var(--text-1)}.output-error{color:#ef4444}.room{grid-template-rows:48px 36px 1fr;height:100vh;display:grid;overflow:hidden}.room-topbar{background:var(--bg-1);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;display:flex}.room-topbar__left{align-items:center;gap:.75rem;display:flex}.room-topbar__center{flex:1;justify-content:center;display:flex}.room-topbar__right{align-items:center;gap:.75rem;display:flex}.room-logo{font-family:var(--sans);font-size:.95rem;font-weight:700}.bracket{color:var(--accent)}.room-name{color:var(--text-2);border-left:1px solid var(--border);padding-left:.75rem;font-size:.85rem;font-weight:500}.save-status{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:.4rem;font-size:.72rem;display:flex}.save-status__dot{background:var(--text-3);border-radius:50%;width:6px;height:6px;transition:background .2s}.save-status[data-status=saved] .save-status__dot{background:#10b981;box-shadow:0 0 5px #10b981}.save-status[data-status=unsaved] .save-status__dot{background:var(--accent);box-shadow:0 0 5px var(--accent)}.save-status[data-status=saving] .save-status__dot{background:#facc15;animation:.8s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.share-btn{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--text-1);font-family:var(--mono);align-items:center;gap:.5rem;padding:.3rem .75rem;display:flex}.share-btn:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.share-code{letter-spacing:.12em;color:var(--accent);font-size:.85rem;font-weight:700}.share-btn__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border-left:1px solid var(--border);padding-left:.5rem;font-size:.65rem}.room-leave{padding:.35rem .75rem;font-size:.75rem}.room-body{grid-template-columns:240px 1fr;display:grid;overflow:hidden}.room-sidebar{background:var(--bg-1);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.room-editor-wrap{background:#1e1e1e;position:relative;overflow:hidden}