::selection{background:#f0d58c;color:#14232d}
:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#17232b;color:#eee7d6;line-height:1.55}
*{box-sizing:border-box}body{margin:0;padding:16px 20px;height:100vh;height:100dvh;display:flex;flex-direction:column}main{width:100%;max-width:1600px;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column}main>.notes-header,main>.collaboration,main>.toolbar,main>.mobile-tabs,main>footer{flex-shrink:0}a,a:visited{color:#ffd166;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{color:#fff2c5;text-decoration-thickness:2px}button,input{font:inherit}button{padding:9px 14px;border:1px solid #b49b64;border-radius:6px;background:#e4c98a;color:#17232b;font-weight:600;cursor:pointer}button.secondary{background:transparent;color:#e4c98a}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e4c98a;outline-offset:3px}.topline{display:flex;gap:24px;align-items:center;font-size:.85rem;margin-bottom:30px}.topline span{margin-left:auto;color:#afbabc;font-size:.8rem;letter-spacing:.08em}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:#e4c98a;margin:0 0 7px}h1{font-size:clamp(1.8rem,3vw,2.5rem);margin:0;line-height:1.2}.intro{color:#b9c4c6;margin:10px 0 0}.share{max-width:290px;text-align:right;flex-shrink:0}.share small{display:block;font-size:.76rem;color:#a8b4b7;margin-top:7px}.collaboration{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 10px;background:#202f38;border:1px solid #47575e;border-radius:10px;margin-bottom:8px}.identity{font-size:.76rem;color:#b9c4c6;display:flex;gap:10px;align-items:center;min-width:0;max-width:100%}.identity>span{white-space:nowrap;flex-shrink:0}.identity input{max-width:170px;width:170px;min-width:0;background:#17232b;color:#eee7d6;border:1px solid #5a6b71;border-radius:5px;padding:5px 9px;font-size:.9rem}.sync-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}.connection{font-size:.76rem;white-space:nowrap}.connection:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#e4c98a;margin-right:7px}.connection[data-state=connected]:before{background:#8bd1aa}.connection[data-state=disconnected]:before{background:#edaa84}.save-status{font-size:.76rem;color:#aabbbf;overflow-wrap:anywhere}.save-status:before{content:"·";margin-right:8px;color:#82979e}.participants{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.participant{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;background:#17232b;border:1px solid #52636b;border-radius:20px;padding:5px 10px}.participant i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.toolbar button{font-size:.82rem;padding:6px 10px}.toolbar-divider{height:22px;border-left:1px solid #52636b;margin:0 4px}.download{margin-left:auto}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:16px;flex:1;min-height:160px}.pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #47575e;border-radius:10px;background:#202f38}.pane-title{flex-shrink:0;display:flex;gap:14px;align-items:center;justify-content:space-between;background:#253640;border-bottom:1px solid #47575e;padding:13px 18px}.pane-title h2{font-size:.94rem;font-weight:600;margin:0}.pane-title span{font-size:.73rem;color:#aabbbf}#editor{flex:1;min-height:0}.cm-editor{height:100%;font-size:14px}.cm-scroller{overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.75}.cm-content{padding:20px 0}.cm-line{padding:0 18px}.cm-ySelectionInfo{opacity:1!important;font-family:system-ui,sans-serif!important;border-radius:3px 3px 3px 0;padding:2px 5px!important;font-size:10px!important;top:-1.35em!important}.cm-ySelectionCaret{border-width:0 0 0 2px!important}.markdown{flex:1;min-height:0;overflow:auto;padding:18px 24px;overflow-wrap:anywhere;font-size:.94rem}.markdown>:first-child{margin-top:0}.markdown h1{font-size:1.6rem;margin:18px 0 12px}.markdown h2{font-size:1.22rem;margin-top:26px;border-bottom:1px solid #47575e;padding-bottom:7px}.markdown h3{font-size:1.05rem}.markdown p{margin:10px 0 16px}.markdown li{padding:3px 0}.markdown ul,.markdown ol{padding-left:24px}.markdown input[type=checkbox]{accent-color:#e4c98a;width:16px;height:16px;vertical-align:middle;margin:0 9px 3px 0;cursor:pointer}.markdown .task-item{list-style:none;margin-left:-20px}.markdown .task-item:has(>input:checked){color:#91a6aa}.markdown pre{padding:14px;overflow:auto;background:#17232b;border-radius:6px}.markdown code,footer code{background:#17232b;border-radius:3px;padding:2px 5px}.markdown blockquote{margin-left:0;border-left:3px solid #b49b64;padding-left:14px;color:#bbcbcf}.markdown table{border-collapse:collapse;width:100%;display:block;overflow:auto}.markdown th,.markdown td{border:1px solid #52636b;padding:7px 12px}.markdown a{overflow-wrap:anywhere}.mobile-tabs{display:none}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:10px 0 0;color:#9caeb3;font-size:.76rem}#notice{color:#e4c98a}.error{color:#ffb8ae!important}[hidden]{display:none!important}
@media(max-width:950px){body{padding:12px}.topline{flex-wrap:wrap;gap:12px}.topline span{width:100%;margin-left:0}header{align-items:flex-start}.share{max-width:240px}.collaboration{gap:12px}.participants{width:100%;margin-left:0}.pane-title span{font-size:.68rem}.markdown{padding:16px}.toolbar-divider{display:none}}
@media(max-width:700px){header{display:block}.share{margin-top:20px;max-width:none;text-align:left}.share small{max-width:350px}.toolbar button{padding:6px 8px}.download{margin-left:0}.mobile-tabs{display:flex;gap:8px;margin-bottom:12px}.mobile-tabs button{background:transparent;color:#e4c98a;flex:1;font-size:.85rem}.mobile-tabs button[aria-selected=true]{background:#e4c98a;color:#17232b}.workspace{grid-template-columns:minmax(0,1fr)}.workspace[data-view=editor] .preview-pane,.workspace[data-view=preview] .editor-pane{display:none}.identity{flex-wrap:nowrap}.pane-title span{font-size:.72rem}}

.markdown img{display:block;max-width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:6px;margin:14px 0}.markdown p:has(>img){margin:16px 0}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid #76817f;border-radius:10px;background:#202f38;color:#eee7d6;padding:24px}dialog::backdrop{background:#09151ecc}dialog h2{margin:0 0 20px;font-size:1.3rem}dialog label{display:block;margin:14px 0 7px;font-size:.9rem}dialog input{width:100%;padding:10px;border:1px solid #76817f;border-radius:6px;background:#17232b;color:#eee7d6}dialog p{font-size:.85rem;color:#b9c4c6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}

.notes-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;margin-bottom:10px}.heading-group,.header-actions{display:flex;align-items:center;gap:14px}.heading-group h1{font-size:1.25rem;line-height:1.2;white-space:nowrap}.heading-group a,.header-actions a{font-size:.82rem;white-space:nowrap}.header-actions{margin-left:auto}.header-actions button{font-size:.82rem;padding:6px 10px}
.image-source-row{display:flex;align-items:stretch;gap:8px}.image-source-row input{min-width:0;flex:1}.image-source-row button{flex-shrink:0}#imageUploadStatus:empty{display:none}#imageUploadStatus{color:#e4c98a}dialog{max-height:calc(100dvh - 32px);overflow:auto}