:root{--paper:#f6f3ee;--paper-2:#ece7df;--card:#fffdf9;--ink:#1d1b19;--ink-2:#5b5650;--ink-3:#8f8880;--line:#ddd6cc;--accent:#e8672a;--accent-soft:#fbe3d6;--radius:14px;--wrap:1180px}@media (prefers-color-scheme:dark){:root{--paper:#151412;--paper-2:#1e1c1a;--card:#1b1a18;--ink:#f1ede7;--ink-2:#b9b2a9;--ink-3:#847d75;--line:#2f2c29;--accent:#f07a3e;--accent-soft:#3a2518}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);word-break:keep-all;margin:0;font-family:Pretendard Variable,Pretendard,system-ui,Malgun Gothic,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.top{z-index:10;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.top-in{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:8px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.logo-dot{background:var(--accent);border-radius:50% 50% 50% 0;width:14px;height:14px;transform:rotate(-45deg)}.top nav{gap:4px;display:flex}.top nav a{color:var(--ink-2);border-radius:999px;padding:7px 12px;font-size:15px;font-weight:600;text-decoration:none}.top nav a:hover,.top nav a.on{color:var(--ink);background:var(--paper-2)}.top-in nav{margin-left:auto}.acct{flex-shrink:0;gap:4px;display:flex}.acct button,.acct a{border:1px solid var(--line);color:var(--ink-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none}.acct button:hover,.acct a:hover,.acct a.on{color:var(--ink);border-color:var(--ink-3)}.acct-n{background:var(--accent);color:#fff;text-align:center;vertical-align:1px;border-radius:999px;min-width:18px;margin-left:5px;padding:0 5px;font-size:11.5px;line-height:18px;display:inline-block}.page-head{padding-top:56px;padding-bottom:28px}.page-head h1{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(28px,4vw,40px);line-height:1.25}.page-head p{color:var(--ink-2);margin:0;font-size:17px}.section{padding-top:28px;padding-bottom:56px}.section-title{justify-content:space-between;align-items:baseline;margin:0 0 18px;display:flex}.section-title h2{letter-spacing:-.02em;margin:0;font-size:22px}.section-title a{color:var(--ink-3);font-size:14px;text-decoration:none}.section-title a:hover{color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}a.card:hover{border-color:var(--ink-3);transform:translateY(-2px)}.card-body{padding:16px 18px 18px}.card h3{letter-spacing:-.02em;margin:0 0 4px;font-size:18px}.card p{color:var(--ink-2);margin:0;font-size:14.5px}.card .meta{color:var(--ink-3);margin-top:10px;font-size:13px}.slot{aspect-ratio:4/3;background:repeating-linear-gradient(-45deg, var(--paper-2) 0 12px, var(--paper) 12px 24px);color:var(--ink-3);border-bottom:1px solid var(--line);place-items:center;font-size:14px;display:grid}.thumb{aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--line);width:100%}.badge{background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.on-sale{background:var(--accent);color:#fff}.badge.preview{background:var(--accent-soft);color:var(--accent)}.btn{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:999px;align-items:center;gap:6px;padding:11px 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{border-color:var(--ink);color:var(--ink);background:0 0}.empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-3);text-align:center;padding:36px}.prose{max-width:720px;font-size:17px}.prose h2{letter-spacing:-.02em;margin:2em 0 .6em;font-size:24px}.prose h3{margin:1.6em 0 .5em;font-size:19px}.prose img{border-radius:10px;margin:1.2em 0}.prose a{color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);color:var(--ink-2);margin:1.2em 0;padding:4px 18px}.foot{border-top:1px solid var(--line);color:var(--ink-3);margin-top:40px;padding:32px 0 40px;font-size:13px}.foot-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:10px;display:flex}.foot-row strong{color:var(--ink-2)}.foot-row a{text-decoration:none}.foot-row a:hover{color:var(--ink)}.biz,.copy{margin:4px 0;line-height:1.7}@media (width<=720px){.top-in{flex-wrap:wrap;row-gap:4px;height:auto;padding-top:8px;padding-bottom:4px}.top-in nav{scrollbar-width:none;order:3;width:100%;margin-left:0;overflow-x:auto}.top-in nav::-webkit-scrollbar{display:none}.top nav a{white-space:nowrap}}@media (width<=560px){.top nav a{padding:6px 8px;font-size:14px}.logo{font-size:17px}}