:root{color:#17201c;background:#f3f1eb;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;font-synthesis:none;--ink: #17201c;--muted: #6d746f;--line: #d7d8d2;--paper: #faf9f5;--green: #216c4b;--acid: #d9ef7c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f3f1eb}button,input,select,textarea{font:inherit}a{color:inherit}.site-header{height:78px;padding:0 clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#faf9f5d9}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.04em}.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(7deg)}.brand-mark i{background:var(--green);border-radius:12px 2px}.brand-mark i:last-child{background:var(--acid);transform:translateY(5px)}.live-indicator,.sync-state{display:flex;align-items:center;gap:8px;color:#677069;font-size:11px;font-weight:700;letter-spacing:.12em}.live-indicator>span,.sync-state>span:first-child{width:7px;height:7px;border-radius:50%;background:#5dae79;box-shadow:0 0 0 4px #5dae7921}main{max-width:1440px;margin:auto}.hero{padding:82px clamp(24px,6vw,90px) 74px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:after{content:"ARCHIVE";position:absolute;right:2%;bottom:-45px;font-size:clamp(100px,15vw,220px);font-weight:700;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #dedfd9;z-index:-1}.eyebrow{display:inline-flex;padding:7px 11px;margin-bottom:22px;background:var(--acid);font-size:10px;font-weight:700;letter-spacing:.16em}h1{margin:0;max-width:790px;font-size:clamp(44px,5.4vw,78px);line-height:1.08;letter-spacing:-.065em}h1 em{color:var(--green);font-style:normal}.hero p{margin:24px 0 0;color:var(--muted);font-size:15px}.workspace{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr)}.composer{padding:58px clamp(24px,4.2vw,64px) 80px clamp(24px,6vw,90px);border-right:1px solid var(--line)}.content-area{padding:58px clamp(24px,6vw,90px) 80px clamp(24px,4.2vw,64px)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.section-heading>div:first-child{display:flex;align-items:center;gap:13px}.section-no{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b4b9b4;border-radius:50%;color:var(--green);font-size:10px;font-weight:700}h2{margin:0;font-size:22px;letter-spacing:-.04em}.required-note{color:#8d918e;font-size:10px}form>label,.two-col label{display:flex;flex-direction:column;gap:9px;margin-bottom:21px;font-size:12px;font-weight:700}label b{color:#d16954}input,select,textarea{width:100%;border:1px solid #d5d6d0;border-radius:2px;outline:none;padding:13px 14px;background:#ffffffa6;color:var(--ink);font-size:13px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #216c4b1a}textarea{min-height:118px;resize:vertical;line-height:1.6}::placeholder{color:#adb0ac}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.switch-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 25px}.switch-control{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);background:var(--paper);cursor:pointer}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch{width:32px;height:18px;flex:none;padding:2px;border-radius:10px;background:#c9ccc7;transition:background .2s}.switch:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.switch-control input:checked+.switch{background:var(--green)}.switch-control input:checked+.switch:after{transform:translate(14px)}.switch-control input:focus-visible+.switch{outline:2px solid var(--green);outline-offset:2px}.switch-control strong,.switch-control small{display:block}.switch-control strong{font-size:11px}.switch-control small{margin-top:2px;color:#8c918d;font-size:9px;font-weight:400}.submit-button{width:100%;display:flex;justify-content:space-between;border:0;padding:16px 18px;background:var(--ink);color:#fff;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.submit-button:hover{background:var(--green);transform:translateY(-1px)}.submit-button:disabled{opacity:.55;cursor:wait;transform:none}.form-status{min-height:18px;margin:10px 0 0;font-size:11px;color:var(--muted)}.form-status.success{color:var(--green)}.form-status.error{color:#a84636}.compact{margin-bottom:23px}.sync-state{letter-spacing:0;font-weight:500}.stats{padding-bottom:47px;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:16px;border:1px solid var(--line);background:var(--paper)}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-top strong{font-size:12px}.stat-top span{font-size:20px;font-weight:600}.bar-track{height:7px;margin:14px 0 11px;position:relative;overflow:hidden;background:#e5e5df}.bar-total,.bar-featured{position:absolute;inset:0 auto 0 0;transition:width .4s ease}.bar-total{background:#9cb8a8}.bar-featured{background:var(--green)}.stat-legend{display:flex;gap:12px;color:#858a86;font-size:9px}.dot{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%}.dot.total{background:#9cb8a8}.dot.featured{background:var(--green)}.archive{padding-top:47px}.total-count{color:#747a75;font-size:11px}.content-list{display:grid;gap:10px}.content-card{min-height:150px;display:flex;position:relative;overflow:hidden;border:1px solid var(--line);background:var(--paper);transition:border-color .2s,transform .2s}.content-card:hover{border-color:#a9afa9;transform:translateY(-1px)}.content-card.is-featured{border-left:4px solid var(--green)}.card-image{width:150px;flex:none;background:#e4e5df}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{min-width:0;padding:20px 48px 20px 21px}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.category,.badge{padding:4px 7px;border-radius:1px;font-size:9px;font-weight:700}.category{background:#e5e8e3}.badge.pinned{background:var(--acid);color:#3c4f22}.badge.featured{background:#dcebe2;color:var(--green)}.card-meta time{color:#949894;font-size:9px}.card-body h3{margin:12px 0 7px;font-size:17px;letter-spacing:-.03em}.card-body p{margin:0;color:#68706a;font-size:11px;line-height:1.65;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card-link{display:inline-block;margin-top:12px;color:var(--green);font-size:10px;font-weight:700;text-decoration:none}.card-link:hover{text-decoration:underline}.card-number{position:absolute;right:15px;top:15px;color:#c8cbc6;font-size:10px}.empty-state{padding:65px 20px;text-align:center;border:1px dashed #c8cbc5;color:var(--muted)}.empty-icon{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:#e3e6df;color:var(--green);font-size:22px}.empty-state strong{display:block;color:var(--ink);font-size:13px}.empty-state p{margin:6px 0 0;font-size:11px}footer{max-width:1440px;margin:auto;padding:25px clamp(24px,6vw,90px);display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#848a85;font-size:9px;letter-spacing:.08em}@media(max-width:900px){.workspace{grid-template-columns:1fr}.composer{border-right:0;border-bottom:1px solid var(--line);padding-right:clamp(24px,6vw,90px)}.content-area{padding-left:clamp(24px,6vw,90px)}}@media(max-width:560px){.site-header{height:65px}.live-indicator{font-size:0}.hero{padding-top:55px;padding-bottom:55px}.hero p{line-height:1.65}.two-col,.switch-row,.stats-grid{grid-template-columns:1fr}.composer,.content-area{padding-top:42px;padding-bottom:55px}.content-card{min-height:auto}.card-image{width:105px}.card-body{padding:17px 35px 17px 16px}footer{flex-direction:column;gap:7px}}