:root{color-scheme:dark;--bg: #0c0911;--panel: #110d18;--panel-2: #17111f;--panel-3: #20162b;--text: #f4effa;--muted: #aa9db8;--subtle: #7c6e8a;--violet: #a575ff;--violet-light: #c6a8ff;--line: rgba(218,195,246,.11);--line-strong: rgba(190,145,255,.25);--danger: #f09aa9;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block}.app-brand{display:inline-flex;align-items:center;gap:9px;font-size:19px;font-weight:700;letter-spacing:-.04em}.app-brand img{width:28px;height:28px}.primary-button,.quiet-button,.editor-actions button,.modal-card button{min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:600}.primary-button{display:inline-flex;align-items:center;justify-content:center;background:var(--violet);color:#190a2b}.primary-button:hover{background:var(--violet-light)}.primary-button:disabled{opacity:.55;cursor:wait}.quiet-button,.editor-actions button,.modal-card button{background:#ffffff06;border-color:var(--line)}.quiet-button:hover,.editor-actions button:hover,.modal-card button:hover{border-color:var(--line-strong)}.icon-button{width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:22px}.eyebrow{color:var(--violet-light);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.error-text{color:var(--danger)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:35px 20px;background:radial-gradient(ellipse 60% 50% at 75% 15%,rgba(112,36,198,.16),transparent 75%)}.auth-card{width:min(100%,480px);padding:42px;border:1px solid var(--line);border-radius:14px;background:#120e19f2;box-shadow:0 30px 90px #0000004d}.auth-card .app-brand{margin-bottom:45px}.auth-card h1{margin:12px 0 18px;font-size:39px;line-height:1.08;letter-spacing:-.05em}.auth-card>p:not(.eyebrow):not(.error-text){color:var(--muted);font-size:14px;line-height:1.75}.auth-card .primary-button{width:100%;min-height:46px;margin-top:22px}.auth-card>small{display:block;margin-top:22px;color:var(--subtle);font-size:11px;text-align:center}.device-code{margin-top:22px;padding:16px;border:1px solid var(--line-strong);border-radius:7px;text-align:center;background:#a575ff0d}.device-code span,.device-code a{display:block;color:var(--muted);font-size:11px}.device-code strong{display:block;margin:8px 0;color:var(--violet-light);font-family:ui-monospace,monospace;font-size:24px;letter-spacing:.08em}.device-code a{color:var(--violet-light)}.subdomain-input{display:flex;align-items:center;margin-top:25px;border:1px solid var(--line-strong);border-radius:6px;background:var(--bg)}.subdomain-input input{min-width:0;flex:1;height:48px;padding:0 13px;border:0;outline:0;background:transparent;color:var(--text)}.subdomain-input span{padding-right:13px;color:var(--subtle);font-size:13px}.subdomain-preview{color:var(--violet-light)!important;font-family:ui-monospace,monospace;font-size:11px!important;word-break:break-all}.workspace{height:100vh;display:flex;flex-direction:column;overflow:hidden}.workspace-header{height:60px;flex:0 0 60px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--panel)}.workspace-vault{display:flex;align-items:center;gap:8px;margin-right:auto;color:var(--muted);font-size:12px}.workspace-vault small{margin-left:10px;color:var(--subtle);font-size:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:#88ddb3}.folder-mobile-button,.back-to-notes{display:none;border:0;background:transparent;color:var(--violet-light);font-size:12px}.workspace-body{min-height:0;flex:1;display:grid;grid-template-columns:218px 306px minmax(0,1fr);grid-template-rows:1fr}.folder-sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#100c16}.sidebar-title{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.sidebar-title button,.new-note-button{width:27px;height:27px;border:0;border-radius:5px;background:transparent;color:var(--violet-light);font-size:18px}.sidebar-title button:hover,.new-note-button:hover{background:#a575ff1a}.all-notes{margin:0 7px 8px}.folder-item{width:100%;min-height:34px;display:flex;align-items:center;gap:8px;padding:7px 12px;border:0;border-radius:5px;background:transparent;color:var(--muted);text-align:left}.folder-item:hover{background:#a575ff0b}.folder-item.active{background:#a575ff1f;color:var(--violet-light)}.folder-item>span{color:var(--subtle);font-size:13px}.folder-item.active>span{color:var(--violet-light)}.folder-item>div{flex:1;display:flex;justify-content:space-between;align-items:center;font-size:12px}.folder-item small{color:var(--subtle);font-size:10px}.folder-tree{flex:1;overflow-y:auto;padding:0 7px}.folder-row{position:relative;display:flex;align-items:center}.folder-toggle,.folder-toggle-placeholder{width:17px;height:28px;flex:0 0 17px;display:grid;place-items:center;border:0;background:transparent;color:var(--subtle);font-size:11px}.folder-toggle:hover{color:var(--violet-light)}.folder-actions{display:none;position:absolute;top:36px;left:28px;z-index:5;padding:5px;border:1px solid var(--line-strong);border-radius:5px;background:var(--panel-3);box-shadow:0 8px 22px #00000059}.folder-row:hover .folder-actions,.folder-item.active+.folder-actions{display:flex}.folder-actions button{padding:3px 7px;border:0;background:transparent;color:var(--muted);font-size:9px}.folder-actions button:hover{color:var(--text)}.storage-card{margin:12px 16px 15px;padding-top:13px;border-top:1px solid var(--line)}.storage-card>span{display:block;color:var(--subtle);font-size:10px}.storage-card strong{display:block;margin:4px 0 7px;font-size:11px;font-weight:550}.storage-card strong small{color:var(--subtle);font-weight:400}.storage-card progress{width:100%;height:4px;accent-color:var(--violet)}.notes-sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.notes-topline{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px}.notes-topline>div{display:flex;align-items:baseline;gap:8px}.notes-topline strong{font-size:14px;letter-spacing:-.02em}.notes-topline span{color:var(--subtle);font-size:10px}.file-search{height:34px;margin:0 14px 11px;padding:0 10px;border:1px solid var(--line);border-radius:6px;outline:none;background:var(--bg);color:var(--text);font-size:11px}.file-search:focus{border-color:var(--line-strong)}.notes-list{flex:1;overflow-y:auto;padding:0 8px 15px}.note-list-item{position:relative;width:100%;display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:12px 12px 11px;border:0;border-bottom:1px solid var(--line);border-radius:5px;background:transparent;text-align:left}.note-list-item:hover{background:#a575ff0b}.note-list-item.active{background:#a575ff1c}.note-list-item strong{grid-column:1 / -1;overflow:hidden;color:var(--text);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.note-list-item.active strong{color:var(--violet-light)}.note-list-item span{color:var(--subtle);font-size:10px}.note-list-item time{color:var(--subtle);font-size:9px}.empty-folder{display:grid;justify-items:center;padding:55px 15px;color:var(--subtle);text-align:center}.empty-folder img{width:38px;margin-bottom:15px;opacity:.45}.empty-folder p{font-size:12px}.empty-folder button{border:0;background:transparent;color:var(--violet-light);font-size:11px}.editor-area{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#0e0a14}.editor-toolbar{min-height:62px;display:flex;align-items:center;gap:16px;padding:10px 22px;border-bottom:1px solid var(--line)}.editor-path{min-width:0;flex:1}.editor-path span,.editor-path strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-path span{color:var(--subtle);font-size:9px}.editor-path strong{font-size:13px;font-weight:600}.editor-actions{display:flex;gap:7px;flex-shrink:0}.editor-actions button{min-height:31px;padding:0 10px;font-size:11px}.danger-link{color:var(--danger)!important}.danger-button{background:var(--danger);color:#2b0d14}.save-status{position:absolute;right:18px;bottom:9px;z-index:3;color:var(--subtle);font-size:9px;pointer-events:none}.note-editor{width:100%;flex:1;resize:none;padding:32px 38px 45px;border:0;outline:0;background:transparent;color:#e9e0f2;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:15px;line-height:1.8}.note-editor::placeholder{color:#55465f}.preview-pane{flex:1;overflow-y:auto;padding:30px 38px 45px}.markdown{max-width:780px;color:#ddd3e8;font-size:14px;line-height:1.8}.markdown h1,.markdown h2,.markdown h3{color:var(--text);line-height:1.2;letter-spacing:-.035em}.markdown h1{font-size:31px}.markdown h2{margin-top:32px;font-size:23px}.markdown h3{font-size:17px}.markdown a{color:var(--violet-light);text-decoration:underline}.markdown code{padding:2px 5px;border-radius:3px;background:var(--panel-3);color:var(--violet-light);font-family:ui-monospace,monospace;font-size:.9em}.markdown pre{padding:17px;overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.markdown pre code{padding:0;background:transparent}.markdown blockquote{margin-left:0;padding-left:18px;border-left:2px solid var(--violet);color:var(--muted)}.markdown table{width:100%;border-collapse:collapse}.markdown td,.markdown th{padding:8px 10px;border:1px solid var(--line)}.markdown img{max-width:100%}.markdown input[type=checkbox]{margin-right:7px}.live-editor{flex:1;overflow-y:auto;padding:24px 32px 45px}.live-preview-block{min-height:34px;padding:5px 7px;border-radius:4px;cursor:text}.live-preview-block:hover{background:#a575ff09}.live-preview-block .markdown>:first-child{margin-top:0}.live-preview-block .markdown>:last-child{margin-bottom:0}.live-raw{display:block;width:100%;min-height:70px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:5px;outline:none;resize:vertical;background:#a575ff0b;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.75}.excalidraw-workspace{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;background:#17111f}.excalidraw-toolbar{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.excalidraw-toolbar>div:first-child{min-width:0}.excalidraw-toolbar strong,.excalidraw-toolbar span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.excalidraw-toolbar strong{font-size:11px;font-weight:600}.excalidraw-toolbar span{color:var(--subtle);font-size:9px}.excalidraw-toolbar-actions{display:flex;gap:7px;flex-shrink:0}.excalidraw-toolbar-actions button{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#ffffff09;color:var(--text);font-size:10px}.excalidraw-toolbar-actions button:first-child{border-color:var(--line-strong);background:var(--violet);color:#190a2b}.excalidraw-toolbar-actions button:disabled{opacity:.5;cursor:default}.excalidraw-canvas{flex:1;min-height:0;position:relative}.excalidraw-canvas .excalidraw,.excalidraw-canvas .excalidraw-container{height:100%}.excalidraw-workspace.fullscreen{position:fixed;inset:0;z-index:100;background:#17111f}.excalidraw-workspace.fullscreen .excalidraw-canvas{height:calc(100vh - 45px)}.notes-create-actions{display:flex;gap:2px}.empty-state{flex:1;display:grid;place-content:center;justify-items:center;padding:30px;color:var(--subtle);text-align:center}.empty-state img{width:58px;margin-bottom:20px;opacity:.45}.empty-state h2,.empty-state h3{margin-bottom:8px;color:var(--muted);font-size:18px}.empty-state p{font-size:12px}.empty-state .primary-button{margin-top:20px}.error-banner{display:flex;justify-content:space-between;padding:10px 22px;background:#f09aa914;color:var(--danger);font-size:11px}.error-banner button{border:0;background:transparent}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#030206c2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:min(100%,490px);max-height:85vh;overflow-y:auto;padding:25px;border:1px solid var(--line-strong);border-radius:11px;background:var(--panel-2);box-shadow:0 25px 80px #00000080}.modal-card>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-card h2{margin:0;font-size:20px;letter-spacing:-.03em}.modal-card p,.modal-card small{color:var(--muted);font-size:12px;line-height:1.7}.modal-card label{display:block;color:var(--muted);font-size:12px}.modal-card input{width:100%;height:42px;margin:8px 0 15px;padding:0 11px;border:1px solid var(--line);border-radius:5px;outline:none;background:var(--bg);color:var(--text)}.modal-card input:focus{border-color:var(--line-strong)}.modal-card form .primary-button{width:100%;margin-top:15px}.share-link{display:flex;gap:8px;margin:18px 0}.share-link input{margin:0;font-family:ui-monospace,monospace;font-size:10px}.share-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.share-row strong{overflow:hidden;font-size:12px;text-overflow:ellipsis}.share-row a,.share-row button{font-size:11px}.settings-list{margin-bottom:20px}.settings-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.settings-list span{color:var(--subtle)}.settings-list+button{margin-right:8px}.public-header{height:66px;display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin:0 auto;padding:0 25px;border-bottom:1px solid var(--line)}.public-header>span{color:var(--subtle);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.public-note{max-width:800px;margin:0 auto;padding:65px 30px}.public-note>h1{margin-bottom:40px;font-size:43px;line-height:1.1;letter-spacing:-.05em}.public-note footer{margin-top:55px;padding-top:20px;border-top:1px solid var(--line);color:var(--subtle);font-size:11px}.public-error{text-align:center}.public-error h1{font-size:32px}.public-error p{color:var(--danger)}.public-error small{color:var(--subtle)}@media(max-width:1100px){.workspace-body{grid-template-columns:190px 275px minmax(0,1fr)}.editor-actions{gap:4px}.editor-actions button{padding:0 8px}.note-editor,.preview-pane{padding-left:26px;padding-right:26px}}@media(max-width:760px){.workspace-header{gap:10px;padding:0 12px}.workspace-header .app-brand span{display:none}.workspace-vault{font-size:11px}.workspace-vault small{display:none}.folder-mobile-button,.back-to-notes{display:block}.workspace-body{display:block;position:relative}.folder-sidebar,.notes-sidebar,.editor-area{position:absolute;inset:0;display:none}.folder-sidebar.mobile-active,.notes-sidebar.mobile-active,.editor-area.mobile-active{display:flex}.folder-sidebar,.notes-sidebar{width:100%;border-right:0}.editor-area{width:100%}.folder-mobile-button{order:1}.back-to-notes{flex:0 0 auto;padding:0}.editor-toolbar{padding:10px 14px;gap:10px;flex-wrap:wrap}.editor-actions{width:100%;overflow-x:auto}.editor-path{order:2}.editor-actions{order:3}.note-editor,.preview-pane{padding:24px 20px 40px}.note-list-item{padding:14px 15px}.note-list-item strong{font-size:13px}.folder-actions{display:none}.save-status{bottom:5px}.auth-card{padding:30px 24px}.auth-card h1{font-size:34px}.public-note{padding:45px 22px}.public-note>h1{font-size:35px}.modal-card{padding:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}