@import"https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..800&display=swap";.app{background-color:#fff;position:relative;min-height:100vh;width:100%;transition:all .2s ease-out;display:flex;flex-direction:column}.header{position:fixed;top:0;left:0;right:0;z-index:10;transition:background-color .2s ease-out,opacity .2s ease-out,backdrop-filter .2s ease-out;padding:8px 16px;display:flex;align-items:flex-start;justify-content:space-between;background-color:#ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.logo{height:12.586px;position:relative;flex-shrink:0;width:49.672px}.logo-svg{display:block;width:100%;height:100%}.header-nav{display:flex;gap:16px;align-items:center;font-family:Martian Mono,sans-serif;font-weight:400;font-size:11px;color:#464646;text-align:right;line-height:1}.header-link{font-variation-settings:"wdth" 100;white-space:nowrap;text-decoration:none;transition:text-decoration .2s ease}.header-link[onclick]:hover,.header-link[style*="cursor: pointer"]:hover{text-decoration:underline}.user-display{text-transform:lowercase}.editor-container{position:relative;max-width:800px;margin:0 auto;padding:16px;transition:all .2s ease-out}.document-title{font-family:Martian Mono,sans-serif;font-weight:400;font-size:12px;color:#aaa;margin-bottom:16px;white-space:nowrap;font-variation-settings:"wdth" 100}.user-count{font-family:Martian Mono,sans-serif;font-weight:400;font-size:10px;color:#aaa;margin-left:20px;font-variation-settings:"wdth" 100}.close-text{font-family:Martian Mono,sans-serif;font-weight:400;font-size:10px;color:#aaa;margin-left:16px;cursor:pointer;font-variation-settings:"wdth" 100;transition:color .2s ease}.close-text:hover{color:#464646}.editor-textarea{width:100%;border:none;outline:none;background:transparent;color:#464646;font-size:12px;line-height:24px;font-family:Martian Mono,sans-serif;font-weight:400;resize:none;white-space:pre-wrap;overflow:hidden;cursor:default;font-variation-settings:"wdth" 100}.header-fade{transition:opacity .3s ease-out}.header-fade.faded{opacity:0}.document-title-fade{transition:opacity .3s ease-out}.document-title-fade.faded,.document-title-fade.hidden{opacity:0}.status-container{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:20;font-family:Martian Mono,sans-serif;font-size:10px;font-variation-settings:"wdth" 100;opacity:.7;transition:opacity .2s ease}.status-container:hover{opacity:1}.status-indicator{display:block;margin-bottom:2px;transition:opacity .2s ease-out}.status-indicator.saving,.status-indicator.loading{color:#888}.status-indicator.error{color:#ff6b6b}.collaborative-editor{position:relative;width:100%;height:100%}.loading-overlay{position:absolute;inset:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:20}.loading-text{font-family:Martian Mono,sans-serif;font-size:12px;color:#666;padding:8px 16px;background-color:#0000000d;border-radius:4px}.loading-ui{font-family:Martian Mono,sans-serif;font-size:12px;color:#464646}.selections-overlay{position:absolute;inset:0;pointer-events:none;z-index:0}.selection-highlight{position:absolute;border-radius:2px;pointer-events:none}.tiptap-editor-container{position:relative;width:100%;display:flex;flex-direction:column;height:100%}.tiptap-editor,.tiptap-editor *{tab-size:2}.tiptap-editor-container div{display:flex;height:100%;padding:0 0 40px}.tiptap-loading{position:absolute;inset:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:20}.tiptap-editor{width:100%;display:flex;flex:1;flex-direction:column;border:none;outline:none;background:transparent;color:#464646;font-size:12px;font-family:Martian Mono,sans-serif;font-weight:400;padding:0;margin:0;white-space:pre-wrap;overflow-wrap:break-word}.tiptap-editor p{margin:0;margin-block-start:0;margin-block-end:0;line-height:1.2}.tiptap-editor[data-placeholder]:empty:before{content:attr(data-placeholder);color:#aaa;pointer-events:none;float:left;height:0}.tiptap-editor .collaboration-cursor__caret{position:relative;margin-left:-1px;margin-right:-1px;word-break:normal;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.tiptap-editor .collaboration-cursor__label{display:none}.tiptap-editor .collaboration-cursor__selection{position:absolute;pointer-events:none;opacity:.2;background-color:#0d0d0d}.tiptap-editor .collaboration-selection{position:relative;background-color:#0000001a;border-radius:2px}.tiptap-editor:focus{outline:none}.tiptap-editor::-webkit-scrollbar{width:6px}.tiptap-editor::-webkit-scrollbar-track{background:transparent}.tiptap-editor::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.tiptap-editor::-webkit-scrollbar-thumb:hover{background:#0003}.collaboration-notice{position:absolute;bottom:20px;left:20px;right:20px;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:12px 16px;font-size:11px;color:#666;font-family:Martian Mono,monospace;line-height:1.4;opacity:.8;transition:opacity .3s ease}.collaboration-notice:hover{opacity:1}.collaboration-notice p{margin:0}.collaboration-notice strong{color:#333}.ProseMirror .collaboration-cursor__caret{border-left-color:#ccc!important}.ProseMirror .collaboration-cursor__label{background-color:#ccc!important;border-color:#ccc!important}.ProseMirror .collaboration-cursor__pointer{background-color:#ccc!important}.ProseMirror .collaboration-cursor__selection{background-color:#ccc!important;opacity:.3!important}.ProseMirror [data-collaboration-cursor],.ProseMirror [data-collaboration-cursor] *{background-color:#ccc!important;border-color:#ccc!important}.ProseMirror [style*=background-color]{background-color:#ccc!important}.ProseMirror [style*=border-color]{border-color:#ccc!important}.main-layout{position:relative;display:flex;flex:1;padding-top:32px}.split-screen-layout{display:flex;width:100%;flex-direction:row;overflow-x:auto;scroll-behavior:smooth}.split-pane{min-width:600px;max-width:800px;flex:1;border-right:1px solid #e5e5e5;position:relative;display:flex}.split-pane:last-child{border-right:none}.split-pane.inactive{opacity:.6;transition:opacity .2s ease-in-out}.split-pane.active{opacity:1;transition:opacity .2s ease-in-out}.split-screen-layout .editor-container{position:relative;margin:0;display:flex;flex:1}.main-layout .editor-container{position:relative;max-width:800px;margin:0 auto;padding:16px;display:flex;flex-direction:column;flex:1}.note-link{text-decoration:none!important;font-weight:700!important;cursor:pointer!important;transition:text-decoration .2s ease}.note-link:hover{text-decoration:underline!important}.login-page,.logout-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff;font-family:Martian Mono,sans-serif}.login-container .logo{margin-bottom:16px;width:100%;display:flex;justify-content:center;align-items:center}.login-container p{font-size:12px;margin-bottom:32px}.login-container .logo .logo-svg{width:auto}.login-container,.logout-container{text-align:center;max-width:400px;padding:40px 20px}.login-button{background-color:#464646;color:#fff;border:none;padding:12px 24px;font-family:Martian Mono,sans-serif;font-size:12px;cursor:pointer;transition:background-color .2s ease}.login-button:hover{background-color:#333}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.logout-content{font-size:14px;color:#464646}body.dark .app{background-color:#0d0d0d}body.dark .header{background-color:#0d0d0d05;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}body.dark .header-nav{color:#ccc}body.dark .logo-svg{--fill-0: #ffffff}body.dark .document-title,body.dark .user-count{color:#888}body.dark .editor-textarea,body.dark .tiptap-editor{color:#e0e0e0}body.dark .tiptap-loading,body.dark .loading-overlay{background-color:#000000e6}body.dark .status-indicator.saving,body.dark .status-indicator.loading{color:#aaa}body.dark .status-indicator.error{color:#ff8c8c}body.dark .collaboration-notice{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa}body.dark .split-pane{border-right:1px solid #0f0f0f}@media (max-width: 640px){body.dark .split-pane+.split-pane{border-left:1px solid #0f0f0f}}body.dark .login-page,body.dark .logout-page{background-color:#0d0d0d}.next-pane-btn{position:fixed;bottom:16px;right:16px;z-index:50;background-color:#ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#464646;border:1px solid rgba(0,0,0,.06);border-radius:9999px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .15s ease,opacity .15s ease;font-size:18px}.next-pane-btn:hover{transform:translateY(-1px)}body.dark .next-pane-btn{background-color:#0d0d0d05;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#e0e0e0;border:1px solid rgba(255,255,255,.08)}.prev-pane-btn{position:fixed;bottom:16px;left:16px;z-index:50;background-color:#ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#464646;border:1px solid rgba(0,0,0,.06);border-radius:9999px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .15s ease,opacity .15s ease;font-size:18px}.prev-pane-btn:hover{transform:translateY(-1px)}body.dark .prev-pane-btn{background-color:#0d0d0d05;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#e0e0e0;border:1px solid rgba(255,255,255,.08)}@media (max-width: 640px){.next-pane-btn{bottom:12px;right:12px;width:44px;height:44px}.prev-pane-btn{bottom:12px;left:12px;width:44px;height:44px}}@media (min-width: 641px){.next-pane-btn,.prev-pane-btn{display:none}}@media (max-width: 640px){.header{padding:8px 12px}.header-nav{font-size:11px;gap:12px}.main-layout{padding-top:40px}.editor-container{padding:12px;max-width:100%}.document-title{font-size:11px}.tiptap-editor{font-size:12px}.split-screen-layout{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.split-pane{min-width:100vw;max-width:100vw;scroll-snap-align:start;scroll-snap-stop:always;border-right:none}.split-pane+.split-pane{border-left:1px solid #e5e5e5}.status-container{top:4px}.login-container p,.login-button,.loading-ui{font-size:12px}}@tailwind base;@tailwind components;@tailwind utilities;html,body{font-family:Martian Mono,monospace;margin:0;background-color:#fff;-webkit-text-size-adjust:100%}html.dark,body.dark{background-color:#0d0d0d}*{font-family:Martian Mono,monospace}@media (max-width: 640px){input,textarea,button,select,.tiptap-editor,.ProseMirror{font-size:16px;line-height:24px}}