:root{--bg:#f2f2f2;--card:#fff;--ink:#0a0a0a;--ink2:#3f3f3f;--mut:#757575;--line:#e4e4e4;--chip:#fff;--chip-on:#0a0a0a;--chip-onk:#fff;--t-warn:#fff1e6;--t-warn-ink:#9a4a0f;--t-made:#eaf1ff;--t-made-ink:#1d4ed8;--t-how:#e9f6ee;--t-how-ink:#146c43;--t-soon:#f3f0fa;--t-soon-ink:#5b3fa8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121212;--card:#1b1b1b;--ink:#f2f2f2;--ink2:#c9c9c9;--mut:#8c8c8c;--line:#2a2a2a;--chip:#1b1b1b;--chip-on:#f2f2f2;--chip-onk:#121212;--t-warn:#2a1d12;--t-warn-ink:#e9a96b;--t-made:#16203a;--t-made-ink:#8fb2ff;--t-how:#14261c;--t-how-ink:#78ce9c;--t-soon:#211c33;--t-soon-ink:#b39bec}}:root[data-theme=dark]{--bg:#121212;--card:#1b1b1b;--ink:#f2f2f2;--ink2:#c9c9c9;--mut:#8c8c8c;--line:#2a2a2a;--chip:#1b1b1b;--chip-on:#f2f2f2;--chip-onk:#121212;--t-warn:#2a1d12;--t-warn-ink:#e9a96b;--t-made:#16203a;--t-made-ink:#8fb2ff;--t-how:#14261c;--t-how-ink:#78ce9c;--t-soon:#211c33;--t-soon-ink:#b39bec}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{word-break:keep-all;overflow-wrap:break-word;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.narrow{max-width:720px;margin:0 auto;padding:0 22px}.top{padding:18px 0 8px}.top .inner{justify-content:space-between;align-items:center;gap:12px;display:flex}.mark{letter-spacing:-.03em;align-items:center;gap:7px;font-size:19px;font-weight:800;display:flex}.mark i{font-size:15px;font-style:normal}.pillnav{background:var(--card);border:1px solid var(--line);border-radius:999px;gap:3px;padding:4px;display:flex}.pillnav a{color:var(--mut);white-space:nowrap;border-radius:999px;padding:6px 15px;font-size:13.5px}.pillnav a.on{background:var(--chip-on);color:var(--chip-onk);font-weight:600}.topright{align-items:center;gap:8px;display:flex}.langpill{color:var(--mut);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px}.langpill:hover{color:var(--ink)}@media (max-width:720px){.top .inner{flex-wrap:wrap}.pillnav{order:3;width:100%;overflow-x:auto}}.hero{text-align:center;padding:52px 0 40px}.badge{color:var(--mut);background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:5px 13px;font-size:12.5px;display:inline-flex}.dot{background:#22c55e;border-radius:50%;flex:none;width:7px;height:7px}.hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:620px;margin:0 auto 16px;font-size:clamp(28px,5.4vw,46px);font-weight:800;line-height:1.28}.hero p{color:var(--mut);max-width:46ch;margin:0 auto;font-size:16px;line-height:1.7}.herocta{background:var(--chip-on);color:var(--chip-onk);border-radius:999px;align-items:center;gap:8px;margin-top:24px;padding:11px 22px;font-size:14.5px;font-weight:600;display:inline-flex}.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 20px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--chip);border:1px solid var(--line);color:var(--mut);cursor:pointer;border-radius:999px;padding:8px 15px;font-family:inherit;font-size:13.5px;line-height:1.4}.chip:hover{color:var(--ink)}.chip.on{background:var(--chip-on);color:var(--chip-onk);border-color:var(--chip-on);font-weight:600}.count{color:var(--mut);font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;padding-bottom:20px;display:grid}.item{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.item:hover{border-color:var(--mut)}.shot{aspect-ratio:16/10;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:18px;display:flex;position:relative}.shot.warn{background:var(--t-warn);color:var(--t-warn-ink)}.shot.made{background:var(--t-made);color:var(--t-made-ink)}.shot.how{background:var(--t-how);color:var(--t-how-ink)}.shot.soon{background:var(--t-soon);color:var(--t-soon-ink)}.big{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(40px,7vw,58px);font-weight:800;line-height:1}.big.emoji{letter-spacing:0;font-size:52px}.big small{letter-spacing:-.02em;margin-left:3px;font-size:.42em;font-weight:700}.shotnote{opacity:.82;text-align:center;font-size:12.5px;line-height:1.45}.corner{background:var(--card);width:28px;height:28px;color:var(--mut);border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:12px;right:12px}.ribbon{background:var(--card);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.meta{flex-direction:column;flex:1;gap:7px;padding:14px 16px 16px;display:flex}.shopline{color:var(--mut);font-size:12px}.nameline{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.iname{letter-spacing:-.015em;font-size:15.5px;font-weight:600;line-height:1.45}.iprice{color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:600}.blurb{color:var(--mut);margin:2px 0 0;font-size:13.5px;line-height:1.65}.sheet{background:var(--card);border:1px solid var(--line);border-radius:20px;margin-bottom:26px;padding:34px 34px 40px}@media (max-width:620px){.sheet{border-radius:16px;padding:24px 20px 30px}}.backlink{color:var(--mut);margin-bottom:20px;font-size:13px;display:inline-block}.backlink:hover{color:var(--ink)}.artmeta{color:var(--mut);font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:12.5px}h1{letter-spacing:-.032em;text-wrap:balance;margin:0 0 16px;font-size:clamp(24px,4.4vw,34px);font-weight:800;line-height:1.35}.lede{color:var(--ink2);margin:0 0 26px;font-size:16.5px;line-height:1.75}.facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0 0 30px;display:grid}.fact{background:var(--bg);border-radius:12px;padding:12px 14px}.fact dt{color:var(--mut);margin:0 0 2px;font-size:11.5px}.fact dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:17px;font-weight:700}article h2{letter-spacing:-.02em;margin:36px 0 12px;font-size:19px;font-weight:700;line-height:1.5}article p{color:var(--ink2);margin:0 0 18px}article p b,article li b{color:var(--ink);font-weight:600}article ul{color:var(--ink2);margin:0 0 20px;padding-left:19px}article li{margin-bottom:8px}blockquote{background:var(--bg);color:var(--ink);border-radius:12px;margin:0 0 22px;padding:14px 18px;font-size:16px;line-height:1.65}.callout{background:var(--t-warn);color:var(--t-warn-ink);border-radius:12px;margin:0 0 22px;padding:14px 17px;font-size:14.5px;line-height:1.7}.callout b{color:inherit;font-weight:700}.tablewrap{margin:0 0 24px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:360px;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:9px 12px}th{color:var(--mut);letter-spacing:.03em;font-size:11.5px;font-weight:600}td{color:var(--ink2)}td:first-child{color:var(--ink)}.seclabel{letter-spacing:.06em;color:var(--mut);text-transform:uppercase;margin:0 0 12px;font-size:12px}.toc{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.toc a{background:var(--bg);border-radius:12px;grid-template-columns:30px 1fr;align-items:baseline;gap:12px;padding:13px 15px;display:grid}.toc a:hover .toctitle{text-decoration:underline}.tocn{color:var(--mut);font-variant-numeric:tabular-nums;font-size:12.5px}.tocbody{flex-direction:column;gap:2px;display:flex}.toctitle{letter-spacing:-.012em;font-size:15.5px;font-weight:600;line-height:1.5}.tocdate{color:var(--mut);font-variant-numeric:tabular-nums;font-size:11.5px}.epnav{grid-template-columns:1fr 1fr;gap:10px;margin-top:40px;display:grid}.epnav a{background:var(--bg);border-radius:12px;flex-direction:column;gap:3px;padding:13px 15px;display:flex}.epnav a.nx{text-align:right}.epnav span{color:var(--mut);letter-spacing:.04em;font-size:11px}.epnav b{font-size:14px;font-weight:600;line-height:1.5}@media (max-width:560px){.epnav{grid-template-columns:1fr}.epnav a.nx{text-align:left}}footer{color:var(--mut);margin-top:44px;padding:26px 0 56px;font-size:13px}footer p{margin:0 0 6px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
