:root{--bg:#fff8ec;--fg:#1d1a16;--muted:#7a6f60;--card:#fff;--border:#f0e2c8;--accent:#ffb703}@media (prefers-color-scheme:dark){:root{--bg:#15130f;--fg:#f5efe4;--muted:#a89c8a;--card:#1f1c17;--border:#332d24;--accent:#ffc94a}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,sans-serif}main{max-width:880px;margin:0 auto;padding:64px 16px 48px}h1{letter-spacing:-.03em;margin:0;font-size:clamp(32px,7vw,52px)}h1 span{color:var(--accent)}.lead{color:var(--muted);margin:8px 0 40px;font-size:17px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);background:var(--card);color:inherit;border-radius:18px;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.card:hover{transform:translateY(-4px)rotate(-.6deg);box-shadow:0 10px 30px #ffb70340}.emoji{font-size:40px;line-height:1}.card h2{margin:14px 0 6px;font-size:19px}.card p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.path{color:var(--accent);margin-top:14px;font-family:ui-monospace,Menlo,monospace;font-size:12px}footer{color:var(--muted);margin-top:56px;font-size:13px}