@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700;900&family=Gaegu:wght@400;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css";
:root{--paper:#f2ebdd;--paper-2:#eadfc8;--paper-3:#e0d3b7;--paper-deep:#d4c5a4;--ink:#1b1714;--ink-2:#2d2620;--ink-3:#4a3f33;--ink-mute:#6f6354;--ochre:#c28940;--ochre-deep:#8b5a1f;--ochre-light:#e5c68b;--clay:#a04a2a;--clay-deep:#6b2c16;--stamp:#b83a2e;--sage:#7c8472;--sage-deep:#4e5547;--pine:#2c3a2e;--line:#d4c6ac;--line-soft:#e2d5bb;--line-strong:#b8a684;--surface:#faf6ec;--surface-2:#f5efe0;--ok:#5b7a4b;--warn:#c28940;--bad:#b0432a;--info:#4e6b7c;--serif:"Noto Serif KR", "Apple SD Gothic Neo", serif;--sans:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--hand:"Gaegu", "Noto Serif KR", cursive;--mono:"IBM Plex Mono", ui-monospace, monospace;--r-xs:4px;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--shadow-soft:0 1px 0 #1b17140a, 0 8px 28px -12px #1b17141f;--shadow-card:0 1px 0 #1b17140d, 0 18px 40px -22px #1b171438;--shadow-pop:0 24px 60px -28px #1b171459}html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{min-height:100vh;position:relative}body:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:multiply;opacity:.55;background-image:radial-gradient(#8b5a1f0d 1px,#0000 1.2px),radial-gradient(#1b17140a 1px,#0000 1.2px),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.42  0 0 0 0 0.28  0 0 0 0 0.13  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-position:0 0,2px 3px,0 0;background-size:3px 3px,7px 7px,400px 400px;position:fixed;inset:0}body>*{z-index:1;position:relative}*{box-sizing:border-box}.h-display{font-family:var(--serif);letter-spacing:-.02em;font-weight:700;line-height:1.05}.h-hand{font-family:var(--hand);letter-spacing:-.01em;font-weight:700}.t-mono{font-family:var(--mono);letter-spacing:0}.t-mute{color:var(--ink-mute)}.t-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-size:11px}.divider{background:var(--line);border:0;height:1px;margin:0}.divider-soft{background:var(--line-soft);border:0;height:1px}.divider-dotted{background-image:linear-gradient(90deg, var(--line-strong) 50%, transparent 50%);background-size:6px 1px;height:1px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-soft)}.btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--sans);border-radius:var(--r-pill);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .12s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn.ochre{background:var(--ochre-deep);border-color:var(--ochre-deep);color:var(--paper)}.btn.sm{padding:6px 12px;font-size:12.5px}.chip{border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-2);border:1px solid var(--line);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.chip.ochre{color:var(--ochre-deep);background:#c2894024;border-color:#c2894059}.chip.sage{color:var(--sage-deep);background:#7c84722e;border-color:#7c847266}.chip.stamp{color:var(--stamp);background:#b83a2e1a;border-color:#b83a2e59}.chip.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.seal{background:var(--stamp);width:38px;height:38px;color:var(--paper);font-family:var(--serif);box-shadow:0 0 0 2px var(--paper) inset, 0 0 0 3px var(--stamp);letter-spacing:-.04em;border-radius:6px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex;transform:rotate(-3deg)}.u-hand{background-image:linear-gradient(#0000 64%,#c2894073 0);padding:0 2px}.dotted{border:1px dashed var(--line-strong)!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--paper-deep);border:2px solid var(--paper);border-radius:10px}::-webkit-scrollbar-track{background:0 0}.row{display:flex}.col{flex-direction:column;display:flex}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.center{align-items:center}.between{justify-content:space-between}.grow{flex:1}.wrap{flex-wrap:wrap}