:root{color:#293e38;background:#f6f5ef;font-family:system-ui,-apple-system,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #d9ded3;justify-content:space-between;align-items:center;height:76px;padding:0 4vw;display:flex}a{color:inherit;text-decoration:none}header>a:first-child{letter-spacing:-1.3px;font-size:27px;font-weight:800}header span{letter-spacing:2px;margin-left:18px;font-size:10px;font-weight:500}.back{font-size:12px}main{grid-template-columns:minmax(0,1fr) 320px;min-height:calc(100dvh - 76px);display:grid}.viewer{background:#e9ede4;min-height:650px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute}.caption{pointer-events:none;position:absolute;top:36px;left:40px}.caption>span,.eyebrow{letter-spacing:2px;color:#708170;font-size:10px}h1{letter-spacing:-1.5px;margin:12px 0;font-size:32px;font-weight:600;line-height:1.4}p{color:#758375;font-size:12px;line-height:1.8}.view-controls{white-space:nowrap;background:#fafbf3c9;border:1px solid #fff;border-radius:30px;gap:4px;padding:5px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.hint{text-align:center;pointer-events:none;width:100%;font-size:10px;position:absolute;bottom:12px}aside{padding:36px 26px}h2{letter-spacing:-1px;margin:12px 0;font-size:24px}h3{justify-content:space-between;margin:0 0 13px;font-size:12px;font-weight:600;display:flex}h3 span{color:#849180;font-size:10px}.description{margin-bottom:30px}aside section{border-top:1px solid #dce1d5;margin-bottom:24px;padding-top:20px}button{font:inherit;color:#3c5548;cursor:pointer;touch-action:manipulation;background:#fffdf7;border:1px solid #d8dfd2;border-radius:9px;padding:9px 12px;font-size:11px}button:hover{border-color:#779875}button[aria-pressed=true]{color:#fff;background:#304e42;border-color:#304e42}.view-controls button{background:0 0;border:0;border-radius:22px}.view-controls button[aria-pressed=true]{background:#304e42}#palette{gap:12px;display:flex}#palette button{border:4px solid #f6f5ef;border-radius:50%;outline:1px solid #d9dfd3;width:44px;height:44px;padding:0}#palette button[aria-pressed=true]{outline:2px solid #304e42}.motion{flex-wrap:wrap;gap:6px;display:flex}.small{font-size:10px}.primary{color:#fff;background:#304e42;width:100%;padding:14px}.note{color:#87917e;border-top:1px solid #dce1d5;margin-top:28px;padding-top:20px;font-size:11px;line-height:1.9}@media (width<=950px){main{grid-template-columns:1fr}.viewer{height:65dvh;min-height:450px}.caption{top:22px;left:22px}h1{font-size:24px}.caption p{display:none}aside{width:100%;max-width:650px;margin:auto;padding:26px}header span{display:none}}@media (width<=450px){.caption>span{font-size:8px}h1{font-size:21px}.viewer{min-height:490px}.caption{top:18px}.view-controls{bottom:45px}}