:root{color-scheme:dark;font-family:Plus Jakarta Sans,SF Pro Text,Segoe UI,sans-serif;--bg: #11111b;--bg-elevated: #1e1e2e;--bg-soft: #313244;--panel: #181825;--panel-elevated: #1e1e2e;--text: #cdd6f4;--muted: #a6adc8;--muted-strong: #bac2de;--border: #313244;--border-soft: #262736;--accent: #89b4fa;--accent-pressed: #74c7ec;--danger: #f38ba8;--warning: #f9e2af;--success: #a6e3a1;--focus-ring: rgb(137 180 250 / 30%);--surface-hover: rgb(205 214 244 / 8%);--text-xs: .72rem;--text-sm: .82rem;--text-base: .94rem;--text-lg: 1.14rem;--text-xl: 1.5rem}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#app,.alpha-shell{min-height:100vh}h1,h2,h3,p{margin:0}small{color:var(--muted)}label,.editor-label{display:grid;gap:.28rem;font-size:var(--text-xs);color:#677b97;letter-spacing:.01em}input,textarea,button,select{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease}input,textarea,select{width:100%;padding:.62rem .74rem}input::placeholder,textarea::placeholder{color:#6b7a92;opacity:.7;font-style:italic}textarea{resize:vertical;min-height:320px;font-family:JetBrains Mono,SF Mono,Menlo,monospace;line-height:1.5;font-size:var(--text-base)}button{cursor:pointer;width:auto;padding:.5rem .72rem}button:hover{border-color:#2f4360;background:var(--surface-hover)}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:#4e78aa;box-shadow:0 0 0 3px var(--focus-ring)}button.primary{background:var(--accent);border-color:transparent;color:#fff}button.primary:hover{background:var(--accent-pressed)}button.subtle{background:transparent;color:var(--muted-strong)}button.tiny{font-size:var(--text-sm);padding:.38rem .56rem}button.danger{background:#4a1d28;border-color:#6d2737;color:#ffc9d0}.row{display:flex;gap:.5rem}.row.tight{width:100%}.warning{border:1px solid rgb(93 71 36 / 55%);background:#241e14a6;color:#e0b974;border-radius:10px;padding:.62rem .74rem;font-size:var(--text-sm)}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}.auth-card{width:min(430px,100%);border:1px solid var(--border-soft);border-radius:14px;background:var(--bg-elevated);padding:1.42rem;display:grid;gap:.84rem;box-shadow:0 8px 32px #00000047}.auth-brand{display:inline-flex;align-items:center;width:fit-content;padding:.24rem .55rem;border-radius:999px;border:1px solid #2b3c54;color:#c9d5e9;font-size:var(--text-sm)}.auth-card h1{font-size:var(--text-xl);letter-spacing:-.01em}.auth-subtitle{font-size:var(--text-base);color:var(--muted)}.auth-mode-toggle{display:inline-flex;border:1px solid var(--border-soft);border-radius:11px;overflow:hidden}.auth-mode-toggle .button{border:0;border-radius:0;min-width:120px;background:transparent}.auth-mode-toggle .button[data-active=true]{background:#1a2a40;color:#d6e3ff}.auth-actions{display:flex;gap:.55rem}.auth-actions .button{flex:1}.auth-fields,.auth-mfa-step{display:grid;gap:.7rem}.auth-step-copy{font-size:var(--text-sm);color:var(--muted)}#auth-mfa-back{justify-self:flex-start}.auth-hint{font-size:var(--text-sm);color:var(--muted)}#auth-message{min-height:1.1rem;font-size:var(--text-sm)}#editor-warning{min-height:.9rem}#auth-message[data-state=error],#mfa-action-status[data-state=error],#editor-warning[data-state=error]{color:var(--danger)}.app-shell{height:100vh;display:flex;flex-direction:row;background:#141414;position:relative}.sidebar{width:240px;min-width:240px;background:#1a1a1a;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;transition:width .2s ease,min-width .2s ease;overflow:hidden;flex-shrink:0}.sidebar.collapsed{width:48px;min-width:48px}.sidebar-backdrop{position:fixed;inset:0;background:#070c148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #2a2a2a;height:48px;flex-shrink:0}.sidebar.collapsed .sidebar-top{justify-content:center}.brand{font-size:13px;font-weight:500;color:#e0e0e0;white-space:nowrap;overflow:hidden}.sidebar.collapsed .brand{opacity:0;width:0}.sidebar-new-btn{width:24px;height:24px;border:none;background:none;cursor:pointer;color:#888;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;transition:color .15s,background .15s;padding:0}.sidebar-new-btn:hover{color:#e0e0e0;background:#2a2a2a;border-color:transparent}.sidebar.collapsed .sidebar-new-btn{display:none}.sidebar-search-wrap{padding:8px;border-bottom:1px solid #2a2a2a;flex-shrink:0;overflow:hidden}.sidebar.collapsed .sidebar-search-wrap{display:none}#search-input{width:100%;background:#222;border:1px solid #2a2a2a;border-radius:5px;padding:5px 8px;font-size:12px;color:#ccc;font-family:inherit}#search-input::placeholder{color:#555;opacity:1;font-style:normal}#search-input:focus-visible{border-color:#404040;box-shadow:none}#search-status{min-height:0;font-size:var(--text-xs);margin-top:2px}#search-status[data-state=error]{color:var(--danger)}.note-list{list-style:none;margin:0;padding:4px;flex:1;overflow-y:auto;min-height:0}.note-list::-webkit-scrollbar{width:4px}.note-list::-webkit-scrollbar-track{background:transparent}.note-list::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.note-item{border:none;border-radius:5px;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;align-items:center;transition:background .1s}.note-item:hover{background:#252525;border-color:transparent}.note-item[data-active=true]{background:#2a2a2a}.note-item-main{display:grid;gap:0;min-width:0;border:none;background:transparent;text-align:left;padding:8px 10px;border-radius:5px;cursor:pointer;width:100%}.note-item-main:hover{background:transparent;border-color:transparent}.note-title-row{font-size:13px;color:#ccc;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-preview{font-size:11px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.note-item-menu{position:relative}.note-item-menu-trigger{appearance:none;cursor:pointer;border:none;border-radius:4px;padding:.14rem .38rem;color:#555;background:transparent;opacity:0;font-size:.9rem;letter-spacing:.12em;line-height:1;transition:opacity .12s ease}.note-item:hover .note-item-menu-trigger{opacity:1}.note-item-menu-trigger:hover{background:#2e2e2e;border-color:transparent;color:#ccc}.note-item-menu-panel{position:absolute;top:calc(100% + .28rem);right:0;display:none;gap:.18rem;min-width:110px;padding:.32rem;border:1px solid #2a2a2a;border-radius:8px;background:#1a1a1a;box-shadow:0 8px 24px #0006;z-index:5}.note-item-menu[data-open=true] .note-item-menu-panel{display:grid}.note-empty{color:#555;font-size:12px;padding:8px 10px}.sidebar-bottom{border-top:1px solid #2a2a2a;padding:8px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:4px;position:relative}.account-area{flex:1;min-width:0;position:relative}.account-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:5px;display:grid;gap:1px;text-align:left;width:100%;transition:background .15s}.account-btn:hover{background:#252525;border-color:transparent}.account-email{font-size:12px;font-weight:500;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.connection-state{font-size:10px;color:#555;display:block}.connection-state[data-state=offline]{color:var(--warning)}.connection-state[data-state=online]{color:var(--success)}.account-popover{position:absolute;bottom:calc(100% + 4px);left:0;min-width:160px;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;padding:4px;box-shadow:0 8px 24px #0000007f;z-index:50;display:grid;gap:2px}.popover-item{background:none;border:none;border-radius:5px;color:#ccc;font-size:13px;padding:6px 10px;text-align:left;cursor:pointer;width:100%;transition:background .1s}.popover-item:hover{background:#2a2a2a;border-color:transparent;color:#e0e0e0}.popover-item-danger{color:#f38ba8}.popover-item-danger:hover{background:#2a1a1e}.popover-sep{height:1px;background:#2a2a2a;margin:2px 0}.collapse-btn{width:28px;height:28px;background:none;border:none;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;padding:0;transition:color .15s,background .15s}.collapse-btn:hover{color:#ccc;background:#252525;border-color:transparent}.sidebar.collapsed .account-area{display:none}.workspace{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;background:#141414;overflow:hidden}.workspace-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}#workspace-editor{position:relative}#settings-panel{padding:1.4rem 2rem 1rem;overflow-y:auto}#workspace-editor[data-loading=true]{opacity:.96}.editor-header{display:flex;align-items:center;padding:0 24px;height:48px;border-bottom:1px solid #1e1e1e;flex-shrink:0;gap:12px}.sidebar-toggle{display:none;border:none;background:transparent;color:#888;padding:4px 8px;font-size:13px}#editor-title{flex:1;background:none;border:none;border-radius:0;outline:none;font-size:15px;font-weight:500;color:#e0e0e0;font-family:inherit;padding:0;width:auto}#editor-title::placeholder{color:#3a3a3a;opacity:1;font-style:normal}#editor-title:focus-visible{border-color:transparent;box-shadow:none}.editor-chrome-row{display:flex;align-items:center;gap:.62rem}.mode-toggle{display:flex;align-items:center;gap:2px;background:#1e1e1e;border-radius:5px;padding:2px;border:1px solid #2a2a2a;flex-shrink:0}.toggle-btn{padding:3px 10px;border:none;background:none;border-radius:3px;font-size:11px;font-family:inherit;cursor:pointer;color:#777;transition:background .15s,color .15s;white-space:nowrap;width:auto}.toggle-btn[data-active=true]{background:#2e2e2e;color:#ccc}.toggle-btn:hover:not([data-active=true]){color:#888;background:none;border-color:transparent}.format-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#222;border:1px solid #333;border-radius:7px;padding:5px 8px;display:flex;gap:2px;align-items:center;z-index:10}.fmt-btn{width:28px;background:none;border:none;cursor:pointer;border-radius:4px;color:#888;display:flex;align-items:center;justify-content:center;font-size:12px;font-family:inherit;font-weight:500;transition:background .1s,color .1s;padding:0;width:auto;min-width:28px;height:28px}.fmt-btn:hover{background:#2e2e2e;color:#ccc;border-color:transparent}.fmt-sep{width:1px;height:16px;background:#333;margin:0 3px}.editor-body-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.editor-body-wrap textarea{width:100%;height:100%;background:#141414;border:none;outline:none;resize:none;color:#c8c8c8;font-size:14px;font-family:JetBrains Mono,Fira Mono,SF Mono,Menlo,monospace;line-height:1.7;padding:24px;caret-color:#888}.editor-body-wrap textarea::-webkit-scrollbar{width:4px}.editor-body-wrap textarea::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.editor-body-wrap textarea:focus-visible{box-shadow:none;border-color:transparent}.editor-surface{flex:1;min-height:0;height:100%;border:0;border-radius:0;background:transparent;overflow-y:auto}#editor-rendered{border:0;border-radius:0;overflow:visible;min-height:100%;background:transparent;padding:24px 32px}#editor-rendered-wrap[data-readonly=true]{opacity:.72;pointer-events:none}#editor-rendered .toastui-editor-defaultUI{border:0;background:transparent}#editor-rendered .toastui-editor-toolbar{display:none}#editor-rendered .toastui-editor-main{min-height:300px;border-top:0}#editor-rendered .toastui-editor-contents{font-family:Plus Jakarta Sans,SF Pro Text,Segoe UI,sans-serif;color:var(--text);line-height:1.68;padding:0}#editor-rendered .toastui-editor-contents *{color:var(--text)}#editor-rendered .toastui-editor-contents a{color:var(--accent)}#editor-rendered .toastui-editor-contents h1,#editor-rendered .toastui-editor-contents h2,#editor-rendered .toastui-editor-contents h3,#editor-rendered .toastui-editor-contents h4,#editor-rendered .toastui-editor-contents h5,#editor-rendered .toastui-editor-contents h6,#editor-rendered .toastui-editor-contents p,#editor-rendered .toastui-editor-contents li,#editor-rendered .toastui-editor-contents blockquote,#editor-rendered .toastui-editor-contents td,#editor-rendered .toastui-editor-contents th,#editor-rendered .toastui-editor-contents pre,#editor-rendered .toastui-editor-contents code{color:var(--text)}#editor-rendered .toastui-editor-contents code,#editor-rendered .toastui-editor-contents pre{font-family:JetBrains Mono,SF Mono,Menlo,monospace}#editor-rendered .toastui-editor-ww-container,#editor-rendered .toastui-editor-ww-container .ProseMirror{color:var(--text);background:transparent}#editor-rendered .toastui-editor-md-container,#editor-rendered .toastui-editor-ww-container{background:transparent}.settings-layout{display:flex;flex-direction:column;height:100%}.settings-header{display:flex;align-items:center;padding:0 24px;height:48px;border-bottom:1px solid #1e1e1e;flex-shrink:0;gap:12px;position:relative}.settings-title{flex:1;font-size:15px;font-weight:500;color:#e0e0e0;letter-spacing:0}.settings-close-btn{background:none;border:none;color:#555;font-size:18px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px;flex-shrink:0;transition:color .15s,background .15s}.settings-close-btn:hover{color:#ccc;background:#252525;border-color:transparent}.settings-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:0;max-width:560px}.settings-section{padding:20px 0;border-bottom:1px solid #1e1e1e;display:flex;flex-direction:column;gap:16px}.settings-section:first-child{padding-top:0}.settings-section:last-child{border-bottom:none}.settings-section-header{display:flex;align-items:center;justify-content:space-between}.settings-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#555}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.settings-label-group{display:flex;flex-direction:column;gap:3px}.settings-label{font-size:13px;color:#ccc;display:block;gap:0;letter-spacing:0}.settings-hint{font-size:11px;color:#555}.settings-value{font-size:13px;color:#888;text-align:right}.settings-field-row{display:flex;gap:8px;align-items:center}.settings-input{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:5px;color:#ccc;font-size:13px;padding:5px 10px;width:auto;min-width:180px}.settings-input:focus-visible{border-color:#404040;box-shadow:none}.settings-btn{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:5px;color:#ccc;font-size:12px;padding:5px 12px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0;width:auto}.settings-btn:hover{background:#2a2a2a;color:#e0e0e0;border-color:#3a3a3a}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn-ghost{background:none;border:none;color:#555;font-size:12px;padding:4px 8px;cursor:pointer;border-radius:4px;transition:color .15s,background .15s;width:auto}.settings-btn-ghost:hover{color:#ccc;background:#252525;border-color:transparent}.settings-status{font-size:12px;color:#555}.settings-factor-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.settings-disclosure{padding:20px 0 0}.settings-disclosure>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#555;padding:4px 0}.settings-disclosure>summary::-webkit-details-marker{display:none}.settings-disclosure>summary span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#555}.settings-disclosure>summary small{display:none}.settings-disclosure-body{margin-top:12px;display:grid;gap:8px}.security-item{border:0;border-top:1px solid #1e1e1e;border-radius:0;background:transparent;padding:10px 0}.settings-factor-list .security-item:first-child{border-top:0;padding-top:0}.security-item strong{font-size:var(--text-sm)}.security-item small{font-size:var(--text-xs)}.totp-enrollment{border:1px solid rgb(31 45 66 / 65%);border-radius:10px;background:#0d182585;padding:.62rem;display:grid;gap:.5rem}.totp-enrollment-meta{display:grid;gap:.12rem}.totp-enrollment-meta small{color:#8ca1c0;font-size:var(--text-sm)}.totp-advanced-details{border-top:1px solid rgb(31 45 66 / 48%);padding-top:.45rem;display:grid;gap:.38rem}.totp-advanced-details>summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:#9bb0cf;font-size:var(--text-sm)}#totp-otpauth-uri{min-height:68px;resize:vertical;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:var(--text-xs)}.auth-qa-diagnostics{border-top:1px solid var(--border-soft);padding:.84rem .1rem 0}.diagnostics-grid{gap:.36rem}.diagnostics-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.diagnostics-row span{color:#8da0bd;font-size:var(--text-sm)}.diagnostics-row code{color:#bbcae0;font-size:var(--text-xs);font-family:JetBrains Mono,SF Mono,Menlo,monospace;background:#111c2b85;border:1px solid rgb(31 45 66 / 52%);border-radius:7px;padding:.14rem .34rem;max-width:62%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostics-row code[data-state=error]{color:#f4c6cc;border-color:#7a41488c;background:#341a20a6}.totp-enrollment img{width:180px;height:180px;border-radius:10px;background:#fff}.editor-actions .button:disabled{display:none}.editor-actions .button{padding:.3rem .52rem;border-radius:9px;color:#a8bbd9;border-color:transparent;background:transparent}.editor-actions .button:hover{border-color:#293d59b3;background:#14213294;color:#d5e3fb}.editor-actions .button.danger{color:#d9a6af}.editor-action-group-secondary .button.danger{opacity:.72}.editor-action-group-secondary .button.danger:hover{opacity:1}.rendered-command-bar .button{border-color:transparent;color:#9eb1cf;background:transparent;font-size:var(--text-sm);padding:.22rem .48rem;border-radius:7px}.rendered-command-bar .button:hover{border-color:#293d59b3;background:#14213294;color:#d5e3fb}.rendered-command-bar .toolbar-select{font-size:var(--text-sm);padding:.2rem .38rem;border-color:#1f2d42d9;background:#111c2b99}#workspace-editor[data-empty=true] .editor-body-wrap,#workspace-editor[data-empty=true] .editor-surface,#workspace-editor[data-empty=true] .format-bar,#workspace-editor[data-empty=true] .mode-toggle{opacity:0;pointer-events:none}#workspace-editor[data-empty=true] #editor-title::placeholder{opacity:0}.editor-empty-state{display:none;position:absolute;inset:0;place-items:center;text-align:center;pointer-events:none}#workspace-editor[data-empty=true] .editor-empty-state{display:grid}.editor-empty-state h2{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:#cdd6f41f;margin-bottom:.5rem}.editor-empty-state p{font-size:var(--text-sm);color:#cdd6f433}@media(max-width:980px){.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px)!important;min-width:unset!important;border-right:1px solid #2a2a2a;border-bottom:0;transform:translate(-100%);transition:transform .18s ease;z-index:25}.app-shell[data-sidebar-open=true] .sidebar{transform:translate(0)}.sidebar-toggle{display:inline-flex!important}.settings-grid{grid-template-columns:1fr}}
