@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#33302c;background:#f6f2e9;font-synthesis:none;--wine:#662c3d;--ink:#33302c;--muted:#7b766e;--line:#ddd7cc;--paper:#fffdf7}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #a95e68;outline-offset:4px}button{transition:background .15s,color .15s}button:hover{filter:brightness(.95)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rail{background:var(--wine);color:#f6eae5;padding:39px 22px 26px;display:flex;flex-direction:column;min-height:100vh}.brand{color:inherit;text-decoration:none;display:flex;gap:13px;align-items:center;font-family:Georgia,serif;font-size:20px;letter-spacing:2px;line-height:1.05;margin-bottom:56px}.monogram{height:66px;width:49px;border-top:1px solid #bd8e98;border-bottom:1px solid #bd8e98;position:relative;font-size:43px;letter-spacing:-6px;line-height:61px;flex-shrink:0}.monogram span{font-style:italic;font-size:37px}.brand-small{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;letter-spacing:1px;display:block;margin-top:10px;color:#d7b4ba}.rail-heading{display:flex;align-items:center;justify-content:space-between;margin:0 3px 14px}.rail-heading h2{font-size:12px;margin:0;font-weight:500;letter-spacing:1px}.rail-heading>span{font-size:10px;color:#d7b4ba;font-variant-numeric:tabular-nums}.new-note{background:transparent;border:1px solid #a16b79;color:#f6eae5;min-height:42px;text-align:left;padding:0 12px;width:100%;font-size:12px}.new-note span{margin-right:6px;font-size:18px}.new-note:hover{background:#7b3b4e}#note-list{margin-top:20px;display:flex;flex-direction:column;gap:7px;max-height:55vh;overflow:auto}.note-item{border:1px solid transparent;border-left:2px solid transparent;background:transparent;padding:14px 12px;text-align:left;color:#e9cfd5;width:100%;min-width:0}.note-item[aria-current="true"]{background:#f5eadf;color:var(--wine);border-left-color:#d9b89d}.note-item:hover:not([aria-current="true"]){background:#713548}.note-item strong{display:block;font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-item small{display:block;margin-top:8px;font-size:10px;opacity:.75}.rail-bottom{margin-top:auto;padding:50px 10px 0;color:#d9b7bf}.rail-mark{font:34px Georgia,serif;opacity:.7}.rail-bottom p{font-size:12px;line-height:1.9}.edition{font-size:8px;letter-spacing:1.4px;display:block;margin-top:23px}main{min-width:0;padding:0 48px 22px;max-width:1600px;width:100%;margin:auto}.topbar{height:81px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:16px;font-size:11px}.breadcrumb{color:var(--muted)}.breadcrumb span{padding:0 12px;color:#afa89c}.breadcrumb strong{font-weight:500;color:#4a433a}.save-state{color:#6a705f;font-size:10px}.save-state::before{content:"";display:inline-block;background:#7c876a;width:5px;height:5px;border-radius:100%;margin-right:7px}.save-state.warning{color:var(--wine)}.save-state.warning::before{background:var(--wine)}.document-header{padding:38px 0 25px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#867b6b}.eyebrow span{margin:0 11px}.title-row{display:flex;gap:20px;align-items:center;margin:17px 0 14px}#note-title{font-family:Georgia,"AppleMyungjo","Batang",serif;font-size:clamp(24px,2.5vw,36px);letter-spacing:-1.3px;min-width:0;width:100%;color:#352e28;background:transparent;border:0;padding:4px 0;border-bottom:1px solid transparent;border-radius:0}#note-title:focus{border-bottom-color:#c7aaa7}#note-title::placeholder{color:#aba092}.document-actions{display:flex;align-items:center;gap:11px;flex-shrink:0}.button{background:transparent;border:1px solid #c6bcb0;border-radius:2px;color:#51443b;padding:10px 12px;font-size:11px;min-height:38px;white-space:nowrap}.icon-button{border:0;color:#8d7775;background:none;font-size:11px;padding:10px 4px}.document-meta{display:flex;align-items:center;gap:10px;color:#8b8175;font-size:10px}.dot{color:#b6a998}.workspace-tools{display:flex;align-items:center;gap:20px;padding:0 0 13px}.view-switch{display:flex;gap:0;border:1px solid #d8cfc2;padding:3px}.view-switch button{border:0;background:transparent;color:#8b8175;padding:6px 11px;font-size:10px;min-height:29px}.view-switch button[aria-pressed="true"]{background:#eae1d5;color:#563d39}.quiet-label{font:9px Georgia,serif;letter-spacing:1.1px;color:#9d8b7d}.text-button{background:none;border:0;color:#77574f;font-size:10px;text-decoration:underline;text-underline-offset:4px;padding:8px 0}.workspace-tools>.text-button{margin-left:auto}.workspace{border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:var(--paper);box-shadow:0 8px 24px #40312704}.editor-pane,.preview-pane{display:flex;flex-direction:column;min-width:0}.editor-pane{background:#faf7ef;border-right:1px solid var(--line)}.pane-heading{height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e2d8;padding:0 22px;gap:10px}.pane-heading h2{font-size:11px;font-weight:500;margin:0;white-space:nowrap}.pane-number{font:italic 11px Georgia,serif;color:#a18b7d;margin-right:9px}.format-tools{display:flex;align-items:center;gap:2px}.format-tools button{min-height:30px;min-width:28px;border:0;background:transparent;font:12px Georgia,serif;color:#786757}.format-tools button:hover{background:#ede5d8}.live-label{font-size:9px;color:#928274}.live-label>span{width:4px;height:4px;background:#8f9b7a;border-radius:100%;display:inline-block;margin-right:4px}#note-body{display:block;width:100%;min-height:420px;flex:1;resize:vertical;background:transparent;border:0;border-radius:0;padding:28px 25px;line-height:1.95;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#776758;tab-size:2}#note-body:focus-visible{outline-offset:-4px}#note-body::placeholder{color:#a39583}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;font-size:8px;letter-spacing:.7px;color:#9c8f7f;border-top:1px solid #eee7db;gap:10px}.preview-footer{padding:15px 22px;color:#b0a293;font-family:Georgia,"AppleMyungjo",serif;font-size:10px;border-top:1px solid #eee7db;text-align:center}#preview{padding:24px 30px 35px;flex:1;overflow-wrap:anywhere;line-height:1.95;color:#514a40;font-family:Georgia,"AppleMyungjo","Batang",serif;font-size:14px;min-height:420px}#preview>*:first-child{margin-top:0}#preview h1,#preview h2,#preview h3,#preview h4,#preview h5,#preview h6{line-height:1.5;color:#3d342d;letter-spacing:-.6px;margin:1.4em 0 .7em}#preview h1{font-size:27px}#preview h2{font-size:21px;border-bottom:1px solid #e6ded1;padding-bottom:10px}#preview h3{font-size:17px}#preview h4,#preview h5,#preview h6{font-size:15px}#preview p{white-space:pre-wrap;margin:0 0 1.3em}#preview ul,#preview ol{padding-left:24px;margin:0 0 1.3em}#preview li{padding-left:3px}#preview strong{color:#5e2e3b}#preview code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85em;background:#efe9dd;color:#794b48;padding:2px 5px;border-radius:2px}#preview pre{overflow:auto;background:#f0ebe1;padding:16px;line-height:1.7;border-left:2px solid #baa38e}#preview pre code{padding:0;background:none;white-space:pre}#preview .empty-preview{padding:80px 0;color:#a19586;text-align:center;font-size:14px}.workspace[data-view="edit"]{grid-template-columns:1fr}.workspace[data-view="edit"] .preview-pane{display:none}.workspace[data-view="edit"] .editor-pane{border-right:0}.workspace[data-view="preview"]{grid-template-columns:1fr}.workspace[data-view="preview"] .editor-pane{display:none}.workspace[data-view="preview"] #preview{max-width:760px;width:100%;margin:0 auto}.privacy{display:flex;gap:30px;justify-content:space-between;padding-top:26px;color:#948b7e}.privacy strong{font-size:10px;font-weight:500;color:#746858}.privacy p{font-size:9px;line-height:1.9;max-width:600px;margin:6px 0}.privacy .text-button{white-space:nowrap;align-self:flex-start}.guide{border:1px solid #dbcebf;background:#f0e8db;padding:20px 24px;margin:0 0 15px}.guide h2{font:18px Georgia,"Batang",serif;margin:0 0 10px}.guide p{font-size:11px;line-height:1.8;color:#7a6c5e}.guide dl{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.guide dt{font-family:ui-monospace,monospace;font-size:11px;color:#6b3540}.guide dd{margin:5px 0 0;font-size:10px;color:#8c7e70}.guide-foot{border-top:1px solid #dccfbd;padding-top:12px;margin-bottom:0}.notice{padding:12px 16px;font-size:12px;line-height:1.7;border-left:2px solid #915a65;background:#eee3dc;color:#683b43}dialog{border:1px solid #cfbcae;box-shadow:0 20px 100px #3a24252b;padding:32px;background:#fffaf0;color:#3d332d;max-width:420px;width:calc(100% - 36px)}dialog::backdrop{background:#2f202b70;backdrop-filter:blur(3px)}.dialog-kicker{font:10px Georgia,serif;letter-spacing:2px;color:#8c675c}dialog h2{font-family:Georgia,"AppleMyungjo","Batang",serif;font-size:25px;font-weight:500;margin:22px 0 12px}dialog p{line-height:1.8;font-size:12px;color:#8a7567;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:30px}.danger{background:var(--wine);border-color:var(--wine);color:#fff5ef}
@media(min-width:1600px){main{padding-left:70px;padding-right:70px}.workspace{min-height:620px}#note-body,#preview{min-height:520px}}
@media(max-width:1100px){body{grid-template-columns:200px minmax(0,1fr)}.rail{padding-left:16px;padding-right:16px}main{padding-left:25px;padding-right:25px}.brand{font-size:17px;gap:10px}.document-actions{gap:8px}.title-row{flex-wrap:wrap;gap:12px}#note-title{flex-basis:100%}.document-meta{margin-top:16px}.pane-heading{padding:0 15px}#preview{padding:24px 20px}#note-body{padding:25px 18px}.quiet-label{display:none}}
@media(max-width:760px){body{display:block}.rail{min-height:0;padding:20px 20px 16px;display:grid;grid-template-columns:1fr auto;gap:15px 20px}.brand{margin:0;font-size:17px}.monogram{height:49px;font-size:32px;line-height:45px;width:38px}.monogram span{font-size:28px}.brand-small{font-size:8px;margin-top:6px}.rail-heading{display:none}.new-note{width:auto;align-self:center;padding:0 12px;font-size:11px}#note-list{grid-column:1/-1;margin:0;max-height:none;overflow:auto;flex-direction:row;padding-bottom:2px;gap:8px}.note-item{min-width:145px;max-width:180px;padding:10px 12px;border-left:0;border-bottom:2px solid transparent}.note-item[aria-current="true"]{border-bottom-color:#d9b89d}.note-item strong{font-size:11px}.note-item small{font-size:9px;margin-top:5px}.rail-bottom{display:none}main{padding:0 20px 20px}.topbar{height:56px;font-size:10px}.save-state{font-size:9px}.breadcrumb span{padding:0 6px}.document-header{padding:28px 0 22px}.eyebrow{font-size:8px;letter-spacing:1px}.eyebrow span{margin:0 7px}.title-row{margin:12px 0}#note-title{font-size:30px}.document-meta{font-size:9px;gap:8px;flex-wrap:wrap}.workspace-tools{gap:10px}.view-switch button{padding:6px 10px}.workspace{min-height:470px}.workspace[data-view="split"]{grid-template-columns:1fr}.workspace[data-view="split"] .editor-pane{border-right:0;border-bottom:1px solid var(--line)}.workspace[data-view="split"] #note-body{min-height:280px}.workspace[data-view="split"] #preview{min-height:280px}#note-body,#preview{min-height:400px}#note-body{font-size:12px;padding:23px 19px}#preview{padding:25px 23px}.privacy{display:block;padding-top:22px}.privacy p{font-size:10px}.privacy .text-button{margin-top:6px}.guide{padding:18px}.guide dl{grid-template-columns:1fr;gap:13px}.guide p{font-size:11px}.button{font-size:10px}.editor-footer{padding-left:15px;padding-right:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}