@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.italic{font-style:italic}}:root{--ink:#17201c;--muted:#68726c;--faint:#98a19c;--canvas:#f1f2ed;--surface:#fbfcf8;--surface-strong:#fff;--line:#d9ddd6;--line-strong:#c5cbc3;--accent:#126c4d;--accent-strong:#0b523a;--accent-soft:#dff2e9;--warm:#e77937;--code-bg:#18241f;--code-ink:#e4f5eb;--shadow:0 18px 50px #1b272014;--font-ui:"Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;--font-editor:"SFMono-Regular", "Roboto Mono", "Cascadia Code", Consolas, monospace}:root[data-theme=dark]{--ink:#edf5f0;--muted:#a6b2ab;--faint:#77847d;--canvas:#111814;--surface:#17201c;--surface-strong:#1b2621;--line:#2d3933;--line-strong:#3a4841;--accent:#63d4a6;--accent-strong:#8ee6c1;--accent-soft:#203f33;--warm:#f09861;--code-bg:#0c120f;--code-ink:#dff5e9;--shadow:0 18px 60px #0000003d}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-ui);overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{grid-template-rows:64px calc(100vh - 64px);grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.topbar{z-index:30;border-bottom:1px solid var(--line);background:var(--surface-strong);grid-column:1/-1;grid-template-columns:244px minmax(0,1fr) auto;align-items:center;min-width:0;height:64px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--surface-strong) 94%, transparent)}}.topbar{box-shadow:0 1px #ffffff4d}.brand{height:100%;color:var(--ink);letter-spacing:-.035em;align-items:center;gap:9px;padding:0 20px;font-size:18px;font-weight:750;text-decoration:none;display:flex}.brand-mark{background:var(--accent);width:28px;height:28px;color:var(--surface-strong);letter-spacing:-.08em;border-radius:8px 8px 8px 2px;place-items:center;font-size:16px;font-weight:850;display:grid;box-shadow:inset 0 -2px #0000001f}.brand small{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;align-self:flex-end;margin:0 0 19px -4px;font-size:9px;font-weight:700}.document-heading{align-items:center;gap:14px;min-width:0;padding:0 20px;display:flex}.title-input{width:min(40vw,430px);min-width:120px;max-width:430px;color:var(--ink);letter-spacing:-.01em;background:0 0;border:0;border-bottom:1px solid #0000;font-size:15px;font-weight:650}.title-input:hover,.title-input:focus{border-color:var(--line-strong);outline:none}.save-state{white-space:nowrap;color:var(--faint);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.save-state.saving .status-dot{background:var(--warm);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.top-actions{align-items:center;gap:7px;padding-right:16px;display:flex}.icon-button,.text-button{border:1px solid var(--line);background:var(--surface);cursor:pointer}.icon-button{border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.text-button{height:34px;color:var(--muted);border-radius:9px;padding:0 12px;font-size:12px;font-weight:700}.icon-button:hover,.text-button:hover{border-color:var(--line-strong);background:var(--surface-strong);color:var(--ink)}.menu-button{display:none}.sidebar{z-index:20;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex;position:relative}.sidebar-header{border-bottom:1px solid var(--line);height:55px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 14px 0 18px;font-size:10px;font-weight:800;display:flex}.new-document{color:var(--accent);cursor:pointer;text-transform:none;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.new-document span{font-size:16px;font-weight:400}.document-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding:10px;display:flex;overflow-y:auto}.document-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:26px minmax(0,1fr) 20px;align-items:center;width:100%;padding:10px 8px;display:grid;position:relative}.document-item:hover{background:var(--surface-strong)}.document-item.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.document-item.active{border-color:color-mix(in srgb, var(--accent) 16%, var(--line))}}.document-item.active{background:var(--accent-soft)}.document-icon{color:var(--accent);font-family:var(--font-editor);font-size:16px;font-weight:800}.document-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.document-copy strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:720;overflow:hidden}.document-copy small{color:var(--faint);font-size:9px;font-weight:600}.document-delete{width:20px;height:20px;color:var(--faint);opacity:0;border-radius:5px;place-items:center;font-size:15px;display:grid}.document-item:hover .document-delete,.document-item:focus-visible .document-delete{opacity:1}.document-delete:hover{background:var(--warm)}@supports (color:color-mix(in lab, red, red)){.document-delete:hover{background:color-mix(in srgb, var(--warm) 14%, transparent)}}.document-delete:hover{color:var(--warm)}.close-sidebar,.sidebar-backdrop{display:none}.workspace{background:var(--surface-strong);grid-template-rows:55px minmax(0,1fr) 30px;min-width:0;min-height:0;display:grid}.workspace-bar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;padding:0 16px;display:flex}.format-toolbar{scrollbar-width:none;align-items:center;gap:3px;display:flex;overflow-x:auto}.format-toolbar::-webkit-scrollbar{display:none}.tool{width:30px;height:30px;color:var(--muted);cursor:pointer;font-family:var(--font-editor);background:0 0;border:0;border-radius:7px;flex:0 0 30px;place-items:center;font-size:12px;font-weight:700;display:grid}.tool:hover{background:var(--surface-strong);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.tool-italic{font-style:italic}.tool-link{color:var(--accent)}.tool-rule{border-left:1px solid var(--line);border-radius:0 7px 7px 0;margin-left:3px}.view-switch{border:1px solid var(--line);background:var(--canvas);border-radius:9px;flex-shrink:0;padding:3px;display:flex}.view-switch button{height:25px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:9px;font-weight:750}.view-switch button.active{background:var(--surface-strong);color:var(--ink);box-shadow:0 1px 3px #141f191f}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;min-height:0;display:grid}.editor-pane,.preview-pane{grid-template-rows:31px minmax(0,1fr);min-width:0;min-height:0;display:grid}.editor-pane{border-right:1px solid var(--line);background:var(--surface)}.preview-pane{background:var(--surface-strong)}.pane-label{border-bottom:1px solid var(--line);color:var(--faint);letter-spacing:.11em;justify-content:space-between;align-items:center;padding:0 18px;font-size:8px;font-weight:800;display:flex}.pane-label button{color:var(--faint);cursor:pointer;letter-spacing:.02em;background:0 0;border:0;font-size:8px;font-weight:700}.pane-label button:hover{color:var(--accent)}.markdown-input{resize:none;width:100%;height:100%;color:var(--ink);caret-color:var(--accent);font-family:var(--font-editor);tab-size:2;background:0 0;border:0;outline:0;padding:26px clamp(22px,3.2vw,48px) 80px;font-size:13px;line-height:1.72;overflow-y:auto}.markdown-input::selection{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.markdown-input::selection{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.markdown-body{width:min(100%,750px);color:var(--ink);margin:0 auto;padding:28px clamp(24px,4vw,58px) 90px;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.72;overflow-y:auto}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--ink);font-family:var(--font-ui);letter-spacing:-.035em;line-height:1.18}.markdown-body h1{border-bottom:1px solid var(--line);margin:0 0 24px;padding-bottom:18px;font-size:clamp(30px,4vw,44px);font-weight:790}.markdown-body h2{margin:36px 0 13px;font-size:24px;font-weight:760}.markdown-body h3{margin:28px 0 10px;font-size:18px;font-weight:740}.markdown-body p{margin:0 0 16px}.markdown-body a{color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.markdown-body a{-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent)}}.markdown-body a{text-underline-offset:3px}.markdown-body blockquote{border-left:3px solid var(--warm);background:var(--warm);margin:24px 0;padding:15px 20px}@supports (color:color-mix(in lab, red, red)){.markdown-body blockquote{background:color-mix(in srgb, var(--warm) 7%, var(--surface))}}.markdown-body blockquote{color:var(--muted);font-size:16px;font-style:italic}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body code{background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-editor);border-radius:5px;padding:.15em .38em;font-size:.83em}.markdown-body pre{border:1px solid var(--code-ink);margin:22px 0;padding:20px;position:relative;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.markdown-body pre{border:1px solid color-mix(in srgb, var(--code-ink) 10%, transparent)}}.markdown-body pre{background:var(--code-bg);box-shadow:var(--shadow);border-radius:12px}.markdown-body pre:before{background:var(--warm);content:"";border-radius:50%;width:7px;height:7px;margin-bottom:15px;display:block;box-shadow:13px 0 #e2bd5f,26px 0 #5eb78e}.markdown-body pre code{color:var(--code-ink);background:0 0;padding:0;font-size:12px;line-height:1.7}.markdown-body ul,.markdown-body ol{padding-left:24px}.markdown-body li{margin:6px 0}.markdown-body input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);margin:0 7px 0 -21px}.markdown-body table{border-collapse:collapse;width:100%;font-family:var(--font-ui);margin:24px 0;font-size:12px}.markdown-body th,.markdown-body td{border:1px solid var(--line);text-align:left;padding:10px 12px}.markdown-body th{background:var(--surface);font-weight:750}.markdown-body hr{border:0;border-top:1px solid var(--line);margin:36px 0}.markdown-body img{border-radius:10px;max-width:100%}.view-editor{grid-template-columns:minmax(0,1fr)}.view-editor .preview-pane{display:none}.view-preview{grid-template-columns:minmax(0,1fr)}.view-preview .editor-pane{display:none}.statusbar{border-top:1px solid var(--line);background:var(--surface);color:var(--faint);justify-content:space-between;align-items:center;padding:0 15px;font-size:8px;font-weight:650;display:flex}.statusbar div{align-items:center;gap:14px;display:flex}.status-help .status-label{color:var(--accent);font-weight:800}.statusbar .save-state{font-size:inherit}.toast{z-index:100;border:1px solid var(--line-strong);background:var(--ink);color:var(--surface-strong);box-shadow:var(--shadow);border-radius:10px;padding:11px 15px;font-size:11px;font-weight:700;animation:.18s ease-out toast-in;position:fixed;bottom:42px;right:22px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.topbar{grid-template-columns:auto auto minmax(0,1fr) auto}.menu-button{margin-left:10px;display:grid}.brand{padding:0 10px}.brand small,.save-state{display:none}.document-heading{padding:0 8px}.title-input{width:100%}.sidebar{z-index:60;width:min(310px,86vw);transition:transform .18s;position:fixed;inset:64px auto 0 0;transform:translate(-102%);box-shadow:20px 0 60px #0000002e}.sidebar.open{transform:translate(0)}.close-sidebar{border:0;width:26px;height:26px;display:grid}.new-document{margin-left:auto;margin-right:7px}.sidebar-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a120e66;border:0;display:block;position:fixed;inset:64px 0 0}.workspace{grid-column:1}}@media (max-width:680px){.app-shell{grid-template-rows:56px calc(100dvh - 56px)}.topbar{height:56px}.brand{font-size:0}.brand-mark{width:30px;height:30px;font-size:16px}.hide-small{display:none}.top-actions{padding-right:9px}.sidebar{top:56px}.workspace{grid-template-rows:50px minmax(0,1fr) 28px}.workspace-bar{padding:0 8px}.format-toolbar{max-width:calc(100vw - 194px)}.view-switch button{padding:0 7px;font-size:0}.view-switch button:after{font-size:12px}.view-switch button:first-child:after{content:"✎"}.view-switch button:nth-child(2):after{content:"◫"}.view-switch button:nth-child(3):after{content:"◉"}.editor-grid{grid-template-columns:minmax(0,1fr)}.view-split .preview-pane{display:none}.view-split .editor-pane{display:grid}.markdown-input{padding:20px 18px 70px;font-size:12px}.markdown-body{padding:24px 20px 70px}.keyboard-hint,.status-label{display:none!important}.statusbar div{gap:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}