*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#ddd;background:#050505;min-height:100vh;font-family:DM Sans,sans-serif;overflow:hidden}#app{flex-direction:column;max-width:960px;height:100vh;margin:0 auto;padding:0 32px;display:flex}.chrome{justify-content:space-between;align-items:center;padding:18px 0 14px;display:flex}.status{text-transform:uppercase;letter-spacing:.08em;color:#555;align-items:center;gap:7px;font-size:11px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;transition:background-color .4s}.status-dot.connected{background:#666}.status-dot.disconnected{background:#444}.user-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--user-color,#888);font-size:11px;font-weight:800}#timeline{padding:4px 0 10px}.timeline-slider{appearance:none;cursor:pointer;background:#1a1a1a;border-radius:2px;outline:none;width:100%;height:4px;margin:0}.timeline-slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#555;border:2px solid #222;border-radius:50%;width:14px;height:14px;transition:background .2s}.timeline-slider::-webkit-slider-thumb:hover{background:#888}.timeline-slider::-webkit-slider-thumb:active{cursor:grabbing;background:#aaa}.timeline-slider::-moz-range-thumb{cursor:grab;background:#555;border:2px solid #222;border-radius:50%;width:14px;height:14px;transition:background .2s}.timeline-slider::-moz-range-thumb:hover{background:#888}.timeline-slider::-moz-range-track{background:#1a1a1a;border:none;border-radius:2px;height:4px}.timeline-meta{letter-spacing:.08em;text-transform:uppercase;color:#444;align-items:center;gap:8px;margin-top:6px;font-size:10px;display:flex}.timeline-label{color:#333}.timeline-time{color:#555}.timeline-live{color:#555;transition:opacity .2s}.timeline-live.hidden{opacity:0}#editor-wrap.history-preview .cm-editor{visibility:hidden;pointer-events:none}.history-overlay{z-index:3;color:#888;white-space:pre-wrap;word-wrap:break-word;background:#0a0a0a;padding:24px 32px;font-family:Geist Mono,monospace;font-size:24px;font-weight:700;line-height:1.5;position:absolute;inset:0;overflow-y:auto}main{flex:1;min-height:0;padding-bottom:16px}#editor-wrap{border-radius:16px;height:100%;position:relative;overflow:hidden}#editor-wrap:before,#editor-wrap:after{content:"";pointer-events:none;position:absolute;inset:0}#editor-wrap:before{filter:url(#noise);opacity:.04;z-index:1}#editor-wrap:after{z-index:2;border:1px solid #ffffff0f;border-radius:16px}#editor{-webkit-backdrop-filter:blur(40px);background:#ffffff06;height:100%}#editor .cm-editor{height:100%;background:0 0!important}#editor .cm-editor.cm-focused{outline:none}#editor .cm-scroller{padding:24px 32px}#editor .cm-content{color:#f0f0f0;caret-color:#fff;padding:0;font-family:Geist Mono,monospace;font-size:24px;font-weight:700;line-height:1.5}#editor .cm-line{padding:0}#editor .cm-cursor,#editor .cm-dropCursor{background:0 0!important;border-left:2px solid #fff!important;border-right:none!important;width:0!important;margin-left:0!important}#editor .cm-activeLine{background:0 0!important}#editor .cm-gutters{display:none!important}#editor .cm-selectionBackground{background:#ffffff14!important}#editor .cm-focused .cm-selectionBackground{background:#ffffff1a!important}.cm-ySelectionCaret{vertical-align:text-bottom;pointer-events:auto;cursor:default;border-radius:2px;height:1.2em;margin-left:-1px;margin-right:-1px;font-family:Geist Mono,monospace;font-size:24px;font-weight:700;position:relative;border:none!important;width:1ch!important;display:inline-block!important}.cm-ySelectionCaretDot{display:none!important}#editor .cm-ySelectionInfo{white-space:nowrap;pointer-events:none;letter-spacing:.08em;text-transform:uppercase;color:#000;background-color:inherit;-webkit-user-select:none;user-select:none;z-index:101;opacity:0;border-radius:2px;padding:0 2px;font-family:sans-serif;font-size:.4em;font-weight:600;transition:opacity .3s ease-in-out;position:absolute;top:-1.5em;left:0}#editor .cm-ySelectionCaret:hover>.cm-ySelectionInfo{opacity:1}.cm-yLineSelection{background:#ffffff0a!important}footer{padding:12px 0}#presence{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.presence-user{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.presence-dot{border-radius:1px;flex-shrink:0;width:6px;height:6px}