*{box-sizing:border-box} :root{font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:#333c35;background:#f7f4ee;font-synthesis:none}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{max-width:1240px;margin:auto;padding:28px 40px;border-bottom:1px solid #dfdfd4;display:flex;justify-content:space-between;align-items:center}.brand{font-size:21px;font-weight:800;letter-spacing:-1px}.site-header>span{font-size:13px;color:#777d72}main{max-width:1240px;margin:auto;padding:0 40px}.intro{padding:64px 0 44px}.eyebrow{font-size:11px;letter-spacing:2px;color:#697a64;font-weight:700}h1{font-size:clamp(36px,5vw,56px);letter-spacing:-2.7px;line-height:1.3;margin:18px 0}h1 span{color:#7c9563}.intro p{font-size:15px;line-height:1.9;color:#7b8075}.layout{display:grid;grid-template-columns:300px 1fr;gap:42px;align-items:start}.compose{background:#fffdf8;border:1px solid #e5e2d8;border-radius:18px;padding:26px;box-shadow:0 6px 20px #383d3005}.section-label{font-size:18px;font-weight:700;margin-bottom:26px}form>label{display:block;font-size:13px;font-weight:700;margin:20px 0 10px}label>span{color:#8b8e82;font-weight:400;font-size:11px;margin-left:5px}input:not([type=radio]),textarea{display:block;width:100%;background:#faf9f5;border:1px solid #dfdfd5;border-radius:9px;padding:12px;font-size:13px;color:#333c35}textarea{min-height:165px;resize:vertical;line-height:1.8}::placeholder{color:#92968c}.counter{text-align:right;font-size:11px;color:#92968c;margin-top:8px}fieldset{padding:0;border:0;margin:22px 0}legend{font-size:13px;font-weight:700;margin-bottom:12px}.colors{display:flex;gap:10px}.swatch{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.swatch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.swatch span{font-size:10px;color:#475040;margin:0}.swatch:has(input:checked){outline:2px solid #53664b;outline-offset:3px}.swatch:has(input:focus-visible){outline:3px solid #1d6045;outline-offset:4px}.yellow{background:#f7eab0}.pink{background:#f4dce0}.blue{background:#dce9ee}.green{background:#e2ebd2}.primary{width:100%;background:#465e43;border:0;color:white;border-radius:9px;padding:15px;display:flex;justify-content:space-between;font-size:14px;font-weight:700}.primary:hover{background:#354b33}.form-help{font-size:11px;color:#898e80;text-align:center;line-height:1.8;margin:15px 0 0}.wall-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 0 28px;gap:12px}h2{font-size:21px;letter-spacing:-1px;margin:0 0 7px}.muted{font-size:12px;color:#898e80}.secondary{border:1px solid #dcded2;border-radius:8px;background:transparent;color:#626e5c;padding:10px 13px;font-size:12px;white-space:nowrap}.secondary:hover{background:#eeeee5}.wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.note{position:relative;min-height:220px;padding:32px 24px 22px;border-radius:2px 2px 16px 2px;box-shadow:2px 6px 10px #3d42280a;display:flex;flex-direction:column;animation:arrive .25s ease}.note:before{content:"";position:absolute;width:68px;height:23px;top:-10px;left:calc(50% - 34px);background:#ffffff70;transform:rotate(-4deg);border:1px solid #ffffff35}.note:nth-child(3n+2):before{transform:rotate(5deg)}.note-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.85;margin:0 0 28px;flex:1}.note-meta{display:flex;justify-content:space-between;align-items:end;gap:12px;font-size:11px;color:#626959}.note-author{font-weight:700;overflow-wrap:anywhere}.note time{white-space:nowrap;font-size:10px}.message{padding:16px 20px;border-radius:10px;background:#e6eddf;color:#365032;font-size:14px;line-height:1.8;margin-bottom:28px;overflow-wrap:anywhere}.message.error{background:#f8e5df;color:#933f2e}.empty{padding:70px 20px;border:1px dashed #d9dbcc;border-radius:15px;text-align:center;line-height:1.9;color:#7e8775;font-size:14px}.more{display:block;margin:30px auto}footer{text-align:center;color:#96998f;font-size:12px;margin:70px 20px 30px}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #7e966c;outline-offset:4px}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1150px){.wall{grid-template-columns:repeat(3,minmax(0,1fr))}.layout{gap:34px}}@media(max-width:760px){.site-header{padding:22px}.site-header>span{font-size:10px}main{padding:0 22px}.intro{padding:40px 0 26px}.layout{grid-template-columns:1fr;gap:36px}.compose{padding:24px}.wall{gap:20px}.note{padding:28px 18px 18px;min-height:200px}}@media(max-width:420px){.wall{grid-template-columns:1fr}.note{min-height:190px}}@media(prefers-reduced-motion:reduce){.note{animation:none}}