:root{color-scheme:light;--ink:#18201e;--paper:#faf8f2;--cream:#f1eee5;--coral:#c34e36;--line:#d6d7ce;--muted:#59635c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Noto Sans KR,system-ui,sans-serif;line-height:1.8}a{color:inherit;text-underline-offset:5px;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{background:var(--ink);color:#fff;border:1px solid var(--ink);padding:10px 20px;min-height:46px;cursor:pointer;border-radius:3px}button:disabled{opacity:.45;cursor:default}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #939d91;background:#fff;border-radius:3px;color:var(--ink);min-height:46px}textarea{resize:vertical}label{display:block;font-size:14px;font-weight:600}label input,label select,label textarea{display:block;margin-top:6px;font-weight:400}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:10px;background:#fff;z-index:2}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px max(20px,6vw);border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:700;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:.18em}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}main{max-width:1120px;margin:auto;padding:65px 24px 100px;min-height:75vh}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--coral);margin:32px 0 16px}h1{font-family:Georgia,Gowun Batang,serif;font-size:clamp(32px,5vw,56px);line-height:1.3;letter-spacing:-.04em;margin:0 0 24px;overflow-wrap:anywhere}.intro{color:var(--muted);font-size:18px;max-width:760px}.search{display:flex;align-items:end;gap:16px;margin:40px 0 24px;padding:24px;background:var(--cream)}.grow{flex:1;min-width:0}.notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.note-card{display:block;text-decoration:none;border:1px solid var(--line);padding:28px;background:#fffdf8;min-width:0}.note-card:hover{border-color:var(--coral)}.note-card h2{font-size:23px;line-height:1.5;overflow-wrap:anywhere}.note-card .eyebrow{margin:0 0 15px}.note-card p{overflow-wrap:anywhere}.muted{color:var(--muted);font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:36px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px max(20px,6vw);border-top:1px solid var(--line);font-size:13px}.prose{max-width:780px;font-size:17px;overflow-wrap:anywhere}.prose p{white-space:pre-wrap;margin:24px 0}.prose h2{font-size:26px;margin-top:45px}.editor-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px}.editor-layout aside{min-width:0}.editor-form{display:grid;gap:20px}.editor-form fieldset{border:0;padding:0;margin:0}.editor-list{display:grid;gap:10px;max-height:640px;overflow:auto}.editor-list button{text-align:left;background:var(--cream);color:var(--ink);overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:12px}.secondary{background:transparent;color:var(--ink)}.feedback{white-space:pre-wrap;overflow-wrap:anywhere}.preview{margin-top:36px;border-top:1px solid var(--line);padding-top:24px}.help{font-size:13px;color:var(--muted)}.check{display:flex;gap:12px;align-items:center}.check input{width:20px;margin:0}.login{max-width:440px;display:grid;gap:18px}.editor-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}@media(max-width:700px){header{align-items:start}nav{gap:8px 16px;justify-content:end}main{padding-top:36px}.search{flex-direction:column;align-items:stretch;padding:18px}.notes,.editor-layout{grid-template-columns:1fr}.editor-list{max-height:220px}.note-card{padding:22px}footer{flex-wrap:wrap}.intro{font-size:16px}}.note-image{margin:32px 0;max-width:100%}.note-image img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:var(--cream)}.note-image figcaption{margin-top:10px;font-size:13px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.editor-form .image-tools{border:1px solid var(--line);padding:20px;display:grid;gap:15px}.image-tools legend{padding:0 8px;font-weight:700}