:root{--paper:#FFFDF6;--card:#fff;--ink:#000;--pink:#FF3D8B;--pink-ink:#C2005A;--yellow:#FFE500;--blush:#FFE8F1;--muted:#5C5346;--display:"Bagel Fat One","Noto Sans KR",sans-serif;--body:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color-scheme:light}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.75 var(--body);word-break:keep-all;overflow-wrap:break-word}img,svg{max-width:100%;height:auto}a{color:var(--pink-ink);text-underline-offset:3px}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}h1,h2,h3{margin:0}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.skip{position:absolute;left:-9999px;top:8px;z-index:10;background:var(--yellow);color:var(--ink);padding:8px 14px;border:2px solid var(--ink);font-weight:700}.skip:focus{left:16px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.top{background:var(--paper);border-bottom:3px solid var(--ink)}.top-in{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding-top:12px;padding-bottom:8px}.logo{display:inline-flex;align-items:center;gap:3px;font:400 26px/1 var(--display);color:var(--ink);text-decoration:none}.logo b{display:inline-block;font-weight:400;background:var(--pink);border:2px solid var(--ink);border-radius:9px;padding:2px 6px 4px;transform:rotate(-6deg)}.gnb{order:3;width:100%;overflow-x:auto;scrollbar-width:none}.gnb::-webkit-scrollbar{display:none}.gnb ul{display:flex;gap:2px;list-style:none;margin:0 -9px;padding:2px 0;white-space:nowrap}.gnb a{display:block;padding:5px 9px;border-radius:999px;color:var(--ink);font-weight:700;font-size:14.5px;text-decoration:none}.gnb a:hover,.gnb a.on{background:var(--yellow)}.top .btn{margin-left:auto}@media (min-width:860px){.top-in{padding-bottom:12px}.gnb{order:0;width:auto;margin-left:auto}.gnb ul{margin:0}.gnb a{padding:5px 12px;font-size:15px}.top .btn{margin-left:0}}.btn{display:inline-flex;align-items:center;justify-content:center;font:400 20px/1.2 var(--display);color:var(--ink);background:var(--pink);border:3px solid var(--ink);border-radius:999px;padding:14px 28px;text-decoration:none;box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}.btn:hover{color:var(--ink);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn-sm{font-size:14px;padding:6px 13px;border-width:2px;box-shadow:3px 3px 0 var(--ink)}.btn-y{background:var(--yellow)}.hero{background:var(--pink) radial-gradient(#E3196C 2px,transparent 2.3px) 0 0/18px 18px;border-bottom:4px solid var(--ink);padding:30px 0 28px;overflow:hidden}.burst{float:right;position:relative;width:128px;height:128px;margin:-2px -6px 4px 6px;shape-outside:circle(50%);transform:rotate(-9deg);animation:pop .75s cubic-bezier(.2,1.5,.4,1) both .1s}.burst svg{position:absolute;inset:0;width:100%;height:100%}.burst p{position:absolute;inset:0;margin:0;display:grid;place-content:center;text-align:center}.burst span{font:900 11px/1.2 var(--body)}.burst strong{font:400 17px/1.1 var(--display);letter-spacing:-.02em}@keyframes pop{from{transform:scale(.4) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(-9deg);opacity:1}}.hero h1{font:400 clamp(36px,9vw,92px)/1.08 var(--display);letter-spacing:-.025em;margin:0 0 16px}.hero .lead{font-size:clamp(16px,2.3vw,20px);font-weight:500;max-width:30em;margin:0 0 24px}.hero .btn{background:var(--yellow);font-size:clamp(20px,4vw,26px);padding:15px 32px;box-shadow:5px 5px 0 var(--ink)}.cta-note{font-size:14px;font-weight:500;margin:14px 0 0}@media (max-width:599px){.hero .btn{display:flex;width:100%}}.stickers{clear:both;display:flex;flex-wrap:wrap;gap:10px 8px;list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:3px solid var(--ink)}.stickers a{display:inline-block;background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:10px;padding:3px 11px;font-weight:900;font-size:14.5px;text-decoration:none;box-shadow:2px 2px 0 var(--ink);transform:rotate(-2deg)}.stickers li:nth-child(2n) a{transform:rotate(1.5deg)}.stickers li:nth-child(3n) a{transform:rotate(-.5deg)}.stickers a:hover{background:var(--yellow)}@media (min-width:860px){.hero{padding:56px 0 40px}.burst{width:320px;height:320px;margin:-10px 0 10px 32px}.burst span{font-size:21px}.burst strong{font-size:43px}.hero .lead{margin-bottom:30px}.stickers{margin-top:44px;gap:12px 10px}.stickers a{font-size:16px;padding:5px 14px}}.sec{padding:44px 0}.sec+.sec{border-top:3px solid var(--ink)}.sec>h2,.h2{font:400 clamp(25px,4.4vw,38px)/1.2 var(--display);letter-spacing:-.02em;margin-bottom:16px}.sub{color:var(--muted);font-weight:700;margin:-6px 0 22px}.prose p{max-width:42em;margin:0 0 14px}.prose h3{font:900 20px/1.4 var(--body);margin:30px 0 8px}.more{margin:22px 0 0;font-weight:700}.box{background:var(--blush);border:3px solid var(--ink);border-radius:8px;padding:24px 20px}.box p{max-width:42em;margin:0 0 10px}.box p:last-child{margin:16px 0 0}.box .h2{font-size:clamp(22px,3.6vw,30px)}.grid{display:grid;gap:14px;grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr;gap:10px}@media (min-width:600px){.grid{grid-template-columns:1fr 1fr}}@media (min-width:960px){.grid-3{grid-template-columns:repeat(3,1fr);gap:28px}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px}}.pick{border-top:5px solid var(--ink);padding:12px 0 4px}.pick h3{font:900 21px/1.35 var(--body);margin:0 0 6px}.pick h3 a{color:var(--ink);text-decoration:none}.pick h3 a:hover{text-decoration:underline}.pick p{margin:0 0 8px}.pick-meta{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:14px}.pick-meta .host{margin:0}.tile{display:block;color:var(--ink);text-decoration:none;background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:14px 14px 16px}.tile:hover{background:var(--blush);color:var(--ink)}.tile-y{background:var(--yellow);border-radius:4px}.tile-y:hover{background:#FFF27A}.tile strong{display:block;font:400 clamp(18px,4.4vw,23px)/1.25 var(--display);letter-spacing:-.02em}.tile span{display:block;font-size:13.5px;line-height:1.55;margin-top:6px}.tile em{display:inline-block;font-style:normal;font-size:13px;font-weight:900;margin-top:10px;border-bottom:2px solid currentColor}.card{background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:18px}.card p{margin:0 0 10px}.cat-top{list-style:none;padding:0;margin:10px 0 0;font-size:14px;display:grid;gap:2px}.cat-top b{font-weight:900;margin-right:8px}.page-head{padding:22px 0 30px;border-bottom:3px solid var(--ink)}.page-head h1{font:400 clamp(32px,6.6vw,60px)/1.12 var(--display);letter-spacing:-.025em;margin:16px 0 14px}.page-head .lead{font-size:clamp(16px,2.2vw,19px);font-weight:500;max-width:40em;margin:0}.crumbs ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:14px;font-weight:700}.crumbs li+li::before{content:"›";margin:0 8px;color:var(--muted)}.crumbs a{color:var(--ink)}.stamp{display:inline-block;margin:18px 0 0;font-size:14px;font-weight:700;border:2px solid var(--ink);border-radius:4px;padding:1px 10px;background:var(--card)}.note{font-size:14px;color:var(--muted);margin:-4px 0 24px;max-width:42em}.chart{list-style:none;margin:0;padding:0;display:grid;gap:18px}.entry{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 16px;background:var(--card);border:3px solid var(--ink);border-radius:16px;padding:18px 18px 20px 14px}.entry:first-child{background:var(--yellow)}.rank{font:400 clamp(48px,11vw,80px)/1 var(--display);color:var(--ink);text-shadow:4px 4px 0 var(--pink);min-width:1.2em;text-align:center;letter-spacing:-.04em}.rank small{font:900 .24em/1 var(--body);text-shadow:none;margin-left:3px;letter-spacing:0}.entry h3{font:900 clamp(20px,3vw,24px)/1.3 var(--body);margin:4px 0 0}.entry h3 a{color:var(--ink);text-decoration:none}.entry h3 a:hover{text-decoration:underline}.host{font-size:14px;color:var(--muted);margin:0 0 8px;word-break:break-all}.entry:first-child .host,.entry:first-child .facts dt{color:var(--ink)}.why{margin:0 0 12px;max-width:40em}.e-side{grid-column:2}@media (min-width:860px){.entry{grid-template-columns:120px minmax(0,1fr) 260px;padding:22px 24px 22px 12px}.e-side{grid-column:3;border-left:2px solid var(--ink);padding:4px 0 0 22px}.entry .why{margin:0}}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 12px;padding:0}.tags li{font-size:13px;font-weight:700;background:var(--card);border:1.5px solid var(--ink);border-radius:999px;padding:0 10px}.facts{display:flex;flex-wrap:wrap;gap:2px 18px;margin:0 0 14px;font-size:14px}.facts div{display:flex;gap:6px}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:700}.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 16px;background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:16px 18px 18px 14px}.step-no{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--yellow);font:400 22px/1 var(--display)}.step h3{font:400 clamp(21px,3.2vw,26px)/1.25 var(--display);letter-spacing:-.02em;margin:6px 0 6px}.step-site{margin:0 0 8px;font-size:17px;font-weight:900}.step-site a{color:var(--ink)}.step-site .host{display:block;margin:0;font-weight:400}.step .why{margin:0 0 12px}@media (min-width:860px){.step{grid-template-columns:64px minmax(0,1fr) 260px;padding:20px 24px 20px 16px}.step .why{margin:0}}.tips{display:grid;gap:14px;list-style:none;margin:0;padding:0}@media (min-width:760px){.tips{grid-template-columns:repeat(3,1fr);gap:24px}}.tips li{border-top:5px solid var(--pink);padding:10px 0 0}.tips strong{display:block;font-weight:900}.chipnav{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px;padding:0}.chipnav a{display:inline-block;background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:5px 14px;font-weight:700;text-decoration:none}.chipnav a:hover{background:var(--yellow)}.h3s{font:900 18px/1.4 var(--body);margin:0 0 10px}.card .h3s a{color:var(--ink)}.olist{margin:0;padding-left:1.6em;max-width:44em}.olist li{margin:0 0 10px;padding-left:6px}.olist li::marker{font:400 19px var(--display);color:var(--pink-ink)}.ulist{list-style:none;margin:0;padding:0;display:grid;gap:0;max-width:48em;border-top:2px solid var(--ink)}.ulist li{border-bottom:2px solid var(--ink);padding:12px 2px}.ulist strong{display:block;font-weight:900}.moves{list-style:none;margin:0;padding:0;display:grid;gap:12px}@media (min-width:760px){.moves{grid-template-columns:1fr 1fr}}.moves li{background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:14px 16px}.moves b{font-size:18px;font-weight:900}.moves .arrow{display:inline-block;margin:0 6px;color:var(--pink-ink);font-weight:900}.moves code{font:700 15px/1.6 var(--body);word-break:break-all}.moves .small{font-size:14px}.faq{display:grid;gap:10px;max-width:52em}.faq details{background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:0 16px}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font:400 24px/1 var(--display);flex:none}.faq details[open] summary::after{content:"−"}.faq .q{font:900 17px/1.5 var(--body)}.faq details p{margin:0 0 16px}.cta-band{background:var(--ink);color:#F2EDE4;border-radius:8px;padding:34px 20px;text-align:center}.cta-band .h2{color:var(--yellow);margin-bottom:10px}.cta-band p{margin:0 auto 22px;max-width:34em}.cta-band .btn{box-shadow:5px 5px 0 var(--yellow)}.cta-band .btn:hover{box-shadow:7px 7px 0 var(--yellow)}.cta-band :focus-visible{outline-color:var(--yellow)}.foot{background:var(--ink);color:#EDE7DC;margin-top:56px;padding:40px 0 28px;font-size:14px}.foot a{color:var(--yellow)}.foot a:hover{color:#fff}.foot :focus-visible{outline-color:var(--yellow)}.foot h2{font:900 15px/1.3 var(--body);color:#fff;margin:0 0 10px}.foot-grid{display:grid;gap:26px}@media (min-width:760px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.foot ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}@media (min-width:760px){.foot ul{grid-template-columns:1fr}}.foot .logo{color:#fff;font-size:24px}.foot .logo b{color:var(--ink)}.foot p{margin:10px 0 0}.fine{border-top:1px solid #4A4540;margin-top:30px;padding-top:16px;color:#CFC8BD}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}