@charset "UTF-8";
:root{color-scheme:dark;--bg:#1e1e1e;--panel:#181818;--line:#303030;--text:#ccc;--muted:#808080;--accent:#75beff;--font:"Cascadia Code","Consolas","Noto Sans Mono",monospace}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.6 var(--font)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button{color:var(--text);background:none;border:0}input{width:100%;background:#252526;border:1px solid #454545;color:#ddd;padding:10px 12px;border-radius:3px}label{display:block;margin:18px 0 6px}button:hover{color:#fff;background:#ffffff0a}
.shell{height:100dvh;min-height:460px;display:flex;flex-direction:column}.windowbar{height:37px;flex-shrink:0;display:flex;align-items:center;gap:15px;padding:0 14px;background:#181818;border-bottom:1px solid #2b2b2b;font-size:12px}.appmark{font-size:20px;color:var(--accent)}.menu-label{color:#ccc}.desktop-menu{font-size:11px;color:#aaa}.command-center{position:absolute;left:50%;transform:translateX(-50%);width:35%;max-width:500px;border:1px solid #373737;background:#242424;border-radius:5px;text-align:center;line-height:25px;font-size:11px;color:#a6a6a6}.command-center>span:first-child{margin-right:10px}.command-center kbd{position:absolute;right:8px;font-size:9px;color:#656565}.windowmark{margin-left:auto;font-size:10px;color:#7d987f}.workspace{flex:1;min-height:0;display:flex}.activity{width:48px;display:flex;flex-direction:column;align-items:center;border-right:1px solid #272727;background:#181818;flex-shrink:0;color:#737373}.activity>span,.activity>button{display:grid;place-items:center;width:48px;height:48px;font-size:26px}.activity .activity-selected{border-left:2px solid #75beff;color:#ccc}.activity .activity-bottom{margin-top:auto;font-size:22px}.sidebar{width:225px;flex-shrink:0;background:#181818;border-right:1px solid #2b2b2b;display:flex;flex-direction:column}.section-label{display:flex;justify-content:space-between;padding:16px 19px;color:#b0b0b0;font-size:10px;letter-spacing:1px}.section-label>span{font-size:15px;line-height:15px}.project-name{font-size:11px;font-weight:bold;padding:3px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-folder{padding:5px 20px;font-size:12px}.tree-file{padding:4px 22px 4px 38px;display:flex;gap:9px;font-size:12px}.tree-file.active{background:#04395e;color:#e2e2e2}.tree-file>span:first-child{color:#c8ae6d}.file-mark{margin-left:auto;color:#b9a067}.dim{color:#8b8b8b}.tree-file .file-md{color:#79a5ca}.outline-label{font-size:10px;border-top:1px solid var(--line);padding:10px 11px 5px;margin-top:26px;color:#969696;letter-spacing:.6px}.outline-label>span{float:right}.users{list-style:none;margin:0;padding:0 17px;overflow:auto;max-height:35vh}.users li{display:flex;align-items:center;gap:9px;font-size:11px;padding:5px 0;overflow-wrap:anywhere}.user-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#6a9955}.you-label{margin-left:auto;color:#686868;font-size:9px}.sidebar-bottom{margin-top:auto;padding:20px 18px;color:#666;font-size:9px}.sidebar-bottom>div{letter-spacing:1px;font-size:9px}.sidebar-bottom p{line-height:2}.sidebar-bottom b{font-weight:normal;color:#878787}.sidebar-bottom>span{font-size:10px;color:#777}
main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.editor-tabs{height:36px;flex-shrink:0;display:flex;background:#181818;border-bottom:1px solid #252525;font-size:11px;align-items:center}.editor-tab{height:36px;display:flex;align-items:center;gap:10px;background:#1e1e1e;padding:0 17px;border-top:1px solid #75beff;border-right:1px solid #303030;min-width:145px}.file-log{color:#c7b885}.tab-dot{width:6px;height:6px;border-radius:50%;background:#aaa;margin-left:15px}.tab-secondary{color:#717171;padding:0 18px}.editor-actions{margin-left:auto;padding-right:18px;color:#999}.login-view{width:min(500px,100%);margin:auto;padding:34px 42px;overflow:auto}.code-comment{color:#6a9955}.code-key{color:#569cd6}.code-string{color:#ce9178}.code-punctuation{color:#c5c5c5}.welcome-code h1{font-size:27px;font-weight:500;letter-spacing:-1px;margin:14px 0;color:#dedede}.cursor{color:#75beff}.welcome-code p{color:#939393;font-family:system-ui,sans-serif;font-size:13px;line-height:1.9}.login-form{margin-top:29px}.login-form label{font-size:12px;margin-top:15px}.login-form .code-comment{font-size:11px;margin-left:10px}.primary{background:#0e639c;border:1px solid #1177bb;color:#fff;padding:10px 13px;border-radius:3px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.primary:hover{background:#1177bb}.secondary{margin-top:10px;border:1px solid #454545;border-radius:3px;width:100%;padding:9px;color:#bcbcbc;font-size:12px}.welcome-footer{margin-top:27px;font-size:10px;line-height:2}.error{color:#f48771;min-height:18px;font-size:12px;margin:10px 0}.chat-view{flex:1;min-height:0;display:flex;flex-direction:column}.breadcrumbs{height:32px;display:flex;align-items:center;gap:12px;padding:0 20px;font-size:11px;color:#939393;flex-shrink:0}.breadcrumbs>span:first-child{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection{margin-left:auto;color:#6a9955;font-size:10px}.toolbar{padding:5px 15px 8px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #292929}.panel-label{font-size:9px;color:#6e6e6e;letter-spacing:1.3px}.header-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.header-actions button{font-size:10px;color:#989898;padding:3px 6px;border-radius:3px}.header-actions button[aria-pressed=true]{color:#75beff;background:#263647}.feed{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#444 transparent;padding:20px 24px 25px 10px;font-size:13px;line-height:1.8}.room-welcome{margin-bottom:18px;color:#6a9955;font-size:12px}.room-welcome>div{display:flex;align-items:baseline;gap:0}.room-welcome .code-comment{overflow-wrap:anywhere}.line-number{display:inline-block;min-width:43px;width:43px;flex-shrink:0;color:#626262;text-align:right;padding-right:17px;font-size:11px;user-select:none}.message{display:flex;gap:0;padding:6px 0;min-width:0}.message-content{min-width:0;flex:1}.message-meta{display:flex;gap:9px;align-items:baseline;font-size:11px}.message-nick{color:#4ec9b0}.message.mine .message-nick{color:#9cdcfe}.message-time{color:#686868;font-size:10px}.message-meta .code-punctuation{color:#888}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:1px 0 0;color:#cecece;font:13px/1.85 var(--font)}.day-divider{color:#606c58;margin:16px 0 6px 43px;font-size:10px}.system-message{color:#6a9955;margin:12px 0 12px 43px;white-space:pre-wrap}.new-message{position:absolute;bottom:155px;right:28px;background:#0e639c;color:white;border-radius:3px;padding:6px 13px;font-size:11px;box-shadow:0 3px 15px #0007}.compose{border-top:1px solid #414141;margin:0;padding:0 20px 9px;background:#1e1e1e;flex-shrink:0}.input-tabs{height:35px;display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.7px;color:#bebebe}.input-tabs>span:first-child{border-bottom:1px solid #75beff;align-self:stretch;display:flex;align-items:center}.input-tab-muted{color:#737373}.input-tabs button{margin-left:auto;color:#818181;font-size:10px}.prompt{margin:7px 0 2px;font-size:11px;color:#4ec9b0}.prompt-at{color:#999}.prompt-path{color:#569cd6}.prompt-dollar{color:#dcdcaa;padding-left:8px}.input-row{display:flex;align-items:flex-end;gap:12px}.input-row textarea{flex:1;min-width:0;resize:none;background:none;border:0;outline:none;color:#d6d6d6;line-height:1.7;min-height:40px;max-height:120px;font-size:13px;padding:2px 0}.input-row textarea:focus-visible{outline:none}.input-row textarea::placeholder{color:#676767}.input-row button{font-size:20px;color:#75beff;width:32px;height:30px}.compose-hint{display:flex;justify-content:space-between;font-size:9px;color:#686868;padding-top:5px}.statusbar{height:23px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#181818;border-top:1px solid #2c2c2c;font-size:10px;color:#959595}.status-divider{color:#444;margin:0 8px}.toast{position:fixed;bottom:35px;right:20px;max-width:min(450px,90vw);background:#252526;color:#ddd;border:1px solid #454545;padding:12px 18px;box-shadow:0 5px 20px #0008;z-index:10;border-radius:4px;font-size:12px;white-space:pre-wrap}dialog{width:min(470px,calc(100vw - 32px));border:1px solid #494949;border-radius:6px;background:#202020;color:#ccc;padding:23px 27px;max-height:90dvh;overflow:auto;box-shadow:0 20px 70px #0008}dialog::backdrop{background:#0009}dialog h2{font-family:system-ui,sans-serif;font-size:20px;font-weight:500;margin:17px 0 12px}dialog p{font-family:system-ui,sans-serif;font-size:12px;line-height:1.9}dialog label{font-size:11px;color:#a8a8a8}.dialog-top{display:flex;align-items:center;justify-content:space-between;letter-spacing:1px;font-size:10px;color:#858585}.dialog-top button{font-size:20px;padding:0 5px;line-height:1}.field-note,.muted{color:#888}.field-note{font-size:11px!important}dialog pre{font:12px/2 var(--font);color:#9cdcfe;background:#181818;padding:12px}#room-invite{font-size:14px;color:#ce9178;letter-spacing:.4px}#copy-invite{margin-top:18px}
@media(max-width:1050px){.desktop-menu{display:none}.sidebar{width:185px}.command-center{width:38%}.panel-label{display:none}.toolbar{justify-content:flex-end}.feed{padding-right:17px}}
@media(max-width:680px){.shell{min-height:0}.activity,.sidebar,.windowmark,.tab-secondary{display:none}.windowbar{height:34px;padding:0 11px;gap:9px}.command-center{position:static;transform:none;margin-left:auto;width:47%;font-size:10px}.command-center kbd{display:none}.editor-tabs,.editor-tab{height:33px}.editor-actions{font-size:10px}.login-view{padding:27px 26px;max-width:450px}.welcome-code h1{font-size:23px}.breadcrumbs{padding:0 12px;gap:8px;font-size:10px}.toolbar{padding:3px 8px 7px}.header-actions{gap:1px;justify-content:space-between;width:100%}.header-actions button{font-size:9px;padding:4px 5px}.feed{padding:13px 12px 15px 0;font-size:12px}.line-number{width:30px;min-width:30px;padding-right:9px;font-size:10px}.room-welcome{font-size:10px}.message-body{font-size:12px}.message-meta{font-size:10px;gap:7px}.day-divider{margin-left:30px}.compose{padding:0 13px 9px}.input-row textarea{font-size:16px}.input-tabs{font-size:9px}.statusbar{font-size:8px;padding:0 9px;height:25px;padding-bottom:env(safe-area-inset-bottom)}.status-divider{margin:0 4px}.new-message{bottom:157px;right:15px}.toast{right:12px;font-size:11px}.welcome-footer{font-size:9px}}

/* Source texture is decorative; actual records remain selectable in the live log. */
.output-stage{position:relative;display:flex;flex:1;min-height:0;isolation:isolate;overflow:hidden}
.ambient-code{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:minmax(600px,1fr) minmax(380px,.72fr);gap:44px;overflow:hidden;padding:18px 12px;pointer-events:none;user-select:none;opacity:.38;mask-image:linear-gradient(to right,#000 0%,#000 82%,#0008 100%)}
.ambient-column{min-width:0;overflow:hidden;font-size:12px;line-height:25px;color:#727f89;white-space:pre}
.ambient-column+ .ambient-column{border-left:1px solid #373b41;padding-left:12px}
.ambient-line{display:flex;height:25px;gap:0}
.ambient-number{display:inline-block;min-width:41px;padding-right:15px;text-align:right;color:#50555b;font-size:10px}
.ambient-key{color:#6396b7}.ambient-string{color:#a18a73}
.output-stage .feed{z-index:1;background:transparent}
.chat-view:not(.focus-mode) .room-welcome{display:table;background:#1e1e1ef2;padding:0 15px 9px 0;box-shadow:14px 0 24px #1e1e1e}
.chat-view:not(.focus-mode) .day-divider{display:table;background:#1e1e1eee;color:#89957e;padding:2px 10px 2px 0}
.chat-view:not(.focus-mode) .message{padding:6px 0 10px;align-items:flex-start}
.chat-view:not(.focus-mode) .message>.line-number{padding-top:50px;color:#6f7880}
.chat-view:not(.focus-mode) .message-content{flex:0 1 850px;width:fit-content;min-width: min(520px, calc(100% - 43px));max-width:calc(100% - 43px);padding:0 17px 9px 12px;background:#1e1e1ef5;box-shadow:14px 0 25px #1e1e1ec9;border-left:1px solid #394750}
.message-context{color:#69777e;font-size:11px;line-height:23px;white-space:pre;overflow:hidden;user-select:none;pointer-events:none;margin-bottom:5px}
.message-context .ambient-key{color:#668394}.message-context .ambient-string{color:#968573}
.chat-view:not(.focus-mode) .message-meta{color:#9ca3a5;font-size:10px;gap:8px}
.chat-view:not(.focus-mode) .message-meta:before{content:"//";color:#84a77d}
.chat-view:not(.focus-mode) .message-nick{color:#a0c9be}
.chat-view:not(.focus-mode) .message.mine .message-nick{color:#9dc8e6}
.chat-view:not(.focus-mode) .message-time{color:#8a9297;font-size:9px;order:2}
.chat-view:not(.focus-mode) .message-meta .code-punctuation{display:none}
.chat-view:not(.focus-mode) .message-body{color:#d5e6d0;font-size:13px;line-height:1.95;padding-left:18px;border-left:2px solid #65885f;margin-top:4px;letter-spacing:.1px}
.chat-view:not(.focus-mode) .message.mine .message-body{border-left-color:#66889e;color:#d5e4ed}
.chat-view:not(.focus-mode) .message-content:hover{background:#232a2dfc;border-left-color:#6c92a4}
.focus-mode .ambient-code,.focus-mode .message-context{display:none}
.focus-mode .output-stage{background:#1e1e1e}
@media(min-width:1500px){.ambient-code{grid-template-columns:minmax(680px,1fr) minmax(400px,.85fr)}}
@media(max-width:1050px){.ambient-code{grid-template-columns:1fr;opacity:.32}.ambient-column:nth-child(2){display:none}.header-actions{gap:4px}}
@media(max-width:680px){.ambient-code{padding:12px 0;opacity:.25}.ambient-column{font-size:10px;line-height:23px}.ambient-line{height:23px}.ambient-number{min-width:30px;padding-right:9px}.header-actions{justify-content:flex-start;gap:0}.header-actions button{font-size:9px;padding:4px 7px}.chat-view:not(.focus-mode) .message-content{flex:1;min-width:0;max-width:calc(100% - 30px);padding:0 8px 8px;background:#1e1e1ef7}.message-context{font-size:9px;line-height:21px}.chat-view:not(.focus-mode) .message>.line-number{padding-top:46px}.chat-view:not(.focus-mode) .message-body{font-size:12px;padding-left:10px}.chat-view:not(.focus-mode) .message-meta{font-size:10px}}

/* Compact display preferences: real records remain selectable; fillers are decorative. */
select{display:block;width:100%;margin:8px 0 20px;padding:10px;background:#252526;color:#d4d4d4;border:1px solid #454545;border-radius:4px;font:inherit}
.invite-code{font-family:Consolas,monospace!important;font-size:23px!important;letter-spacing:.28em;background:repeating-linear-gradient(90deg,#252526 0,#252526 1.1em,#424242 1.1em,#424242 1.15em)!important}
.invite-code.long-code{font-size:15px!important;letter-spacing:normal;background:#252526!important}
.header-actions{flex-wrap:wrap}.toolbar{flex-shrink:0}
.inline-record,.inline-suffix,.side-code{display:none}
.receipt{display:inline-block!important;padding:0 4px!important;margin:4px 0 0 8px!important;font-size:10px!important;color:#94999e!important;background:transparent!important;border:0!important;cursor:help}
.chat-view[data-fill="none"] .ambient-code,.chat-view[data-fill="none"] .message-context{display:none}
.chat-view[data-fill="sides"]:not(.focus-mode) .message-content{flex:1 1 auto;width:calc(100% - 43px);max-width:calc(100% - 43px);background:#1e1e1ec9;box-shadow:none}
.chat-view[data-fill="sides"]:not(.focus-mode) .side-code{display:inline;opacity:.38;color:#9da5af;pointer-events:none;user-select:none;font-size:12px;overflow-wrap:anywhere}
.chat-view[data-mode="comment"] .message-meta,.chat-view[data-mode="string"] .message-meta,.chat-view[data-mode="comment"] .message-body,.chat-view[data-mode="string"] .message-body{display:none}
.chat-view[data-mode="comment"] .inline-record,.chat-view[data-mode="string"] .inline-record{display:inline;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#96b785}
.chat-view[data-mode="string"] .inline-prefix,.chat-view[data-mode="string"] .inline-suffix{color:#89a9bd}
.chat-view[data-mode="string"] .inline-value{color:#ce9178}
.chat-view[data-mode="string"] .inline-suffix{display:inline}
.chat-view[data-mode="classic"][data-fill="sides"] .message-body{display:inline}
.chat-view[data-contrast="quiet"] .message-body,.chat-view[data-contrast="quiet"] .inline-value,.chat-view[data-contrast="quiet"] .message-nick{color:#8c9893!important}
.chat-view[data-contrast="clear"] .message-body,.chat-view[data-contrast="clear"] .inline-value,.chat-view[data-contrast="clear"] .message-nick{color:#e1f1dd!important}
.chat-view[data-contrast="quiet"] .message-content{border-left-color:transparent!important}
.focus-mode .side-code{display:none!important}
@media(max-width:680px){.invite-code{font-size:21px!important}.chat-view[data-fill="sides"]:not(.focus-mode) .side-code{font-size:10px}.toolbar .header-actions{gap:3px}.toolbar{align-items:flex-start}.panel-label{display:none}}

.invite-entry{position:relative;margin:8px 0;width:100%;height:48px}
.invite-entry #invite{position:absolute;inset:0;margin:0;width:100%;height:48px;opacity:0;z-index:1;cursor:text}
.invite-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;height:48px}
.invite-slots span{display:grid;place-items:center;background:#252526;border:1px solid #454545;border-radius:4px;font:22px Consolas,monospace;color:#d4d4d4}
.invite-entry:focus-within .invite-slots span{border-color:#607f97}.invite-entry:focus-within .invite-slots .next-slot{outline:2px solid #3794ff;outline-offset:1px}
.invite-entry.long-code #invite{position:static;opacity:1}.invite-entry.long-code .invite-slots{display:none}