@font-face{font-family:Ssurround;src:url(/fonts/Cafe24Ssurround-v2.0.woff2)format("woff2"),url(/fonts/Cafe24Ssurround-v2.0.woff)format("woff"),url(/fonts/Cafe24Ssurround-v2.0.otf)format("opentype");font-weight:700;font-display:swap}:root{--ink:#16192b;--ink-2:#4a4f63;--ink-3:#7b8093;--cream:#fff6e2;--paper:#fff;--mist:#f4f5f8;--line:#e8e9ef;--navy:#161d3b;--gold:#f5c04a;--bronze:#b8773f;--bronze-soft:#fdeedd;--lucky:#2fb368;--lucky-soft:#e6f6ec;--blue:#3a6fd8;--red:#e0483a;--display:"Ssurround","Noto Sans KR",system-ui,sans-serif;--body:"Noto Sans KR",system-ui,-apple-system,sans-serif;--radius:20px}*{box-sizing:border-box}body{word-break:keep-all;overflow-wrap:break-word;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}.wrap{max-width:1200px;margin:0 auto;padding-inline:20px}h1,h2,h3,.disp{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:700}button{font:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:8px}.hdr{top:env(safe-area-inset-top,0px);z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky}.hdr.scrolled{border-color:var(--line);box-shadow:0 4px 18px #16192b0f}.hdr .wrap{justify-content:space-between;align-items:center;gap:12px;height:68px;display:flex}.logo{font-family:var(--display);align-items:center;gap:10px;font-size:24px;text-decoration:none;display:flex}.logo i{background:linear-gradient(150deg,#f7cf6a,#e9a52a);border-radius:50% 50% 48% 48%/58% 58% 42% 42%;width:24px;height:30px;display:block}.stores{gap:8px;display:flex}.store{background:var(--navy);color:#fff;text-align:left;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 12px;line-height:1.1;transition:transform .15s,background .15s;display:inline-flex}.store:hover{background:#232c55;transform:translateY(-2px)}.store svg{fill:#fff;flex:none;width:18px;height:18px}.store small{opacity:.85;letter-spacing:.02em;font-size:9px;display:block}.store b{white-space:nowrap;font-size:14px;font-weight:700;display:block}.store.lg{padding:11px 22px 11px 16px}.store.lg svg{width:22px;height:22px}.store.lg b{font-size:17px}.store.lg small{font-size:10px}@media (max-width:560px){.hdr .stores .store small{display:none}.hdr .store{padding:8px 12px}}.hero{background:var(--cream)}.hero .wrap{grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding-block:72px;display:grid}.chip{color:#9a6512;background:#fff;border:1.5px solid #e2a93b;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.hero h1{margin:20px 0 32px;font-size:clamp(34px,4.6vw,60px);line-height:1.18}.hero h1 em{color:var(--bronze);font-style:normal}.hero .stores{flex-wrap:wrap;gap:12px}.tiles{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:16px;height:420px;display:grid}.tile{background:#fff;border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #966e2814}.tile img{object-fit:contain;width:80%;height:80%;transition:transform .5s;position:absolute;top:10%;left:10%}.tile:hover img{transform:scale(1.06)rotate(-2deg)}.t1{grid-row:1/3}.t2{grid-column:2/4}.price-badge{background:var(--navy);color:#fff;text-align:center;border-radius:50%;place-content:center;width:104px;height:104px;animation:3.2s ease-in-out infinite bob;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 10px 24px #161d3b4d}.price-badge span{color:var(--gold);font-size:11px;font-weight:700}.price-badge b{font-family:var(--display);font-size:22px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float{animation:6s ease-in-out infinite float}.float.d2{animation-delay:-2s}.float.d3{animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:980px){.hero .wrap{grid-template-columns:1fr;padding-block:48px}.tiles{height:340px}}@media (max-width:480px){.tiles{gap:10px;height:280px}.price-badge{width:84px;height:84px}.price-badge b{font-size:18px}}.sec{padding-block:88px}.eyebrow{color:var(--blue);letter-spacing:.08em;font-size:13px;font-weight:700}.sec h2{margin:8px 0 10px;font-size:clamp(28px,3.4vw,36px)}.lead{color:var(--ink-2);margin:0 0 36px;font-size:16px}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:900px){.cards{grid-template-columns:1fr}}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #16192b14}.card .art{place-items:center;height:240px;display:grid}.card .art svg{transform-origin:50% 90%;width:130px;height:auto}.card:hover .egg{animation:.7s ease-in-out wobble}@keyframes wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}.card .body{flex-direction:column;flex:1;gap:4px;padding:22px 24px 24px;display:flex}.name{align-items:center;gap:8px;display:flex}.name h3{font-size:21px}.tag{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.tag.blue{color:var(--blue);background:#e9f0fd}.tag.red{color:var(--red);background:#fde9e7}.tag.brz{background:var(--bronze-soft);color:#9a5a24}.card p{margin:0}.card .d1{font-weight:500}.card .d2{color:var(--ink-3);font-size:13px}.buy{justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.buy strong{font-family:var(--display);font-size:26px}.pill{background:var(--navy);color:#fff;border:0;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:700;transition:background .15s}.pill:hover{background:#2a3566}.note{color:var(--ink-3);margin:22px 0 0;font-size:13px}.tray-sec{background:var(--mist)}.tray-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;display:grid}@media (max-width:900px){.tray-grid{grid-template-columns:1fr}}.tray-box{background:var(--navy);color:#fff;border-radius:28px;padding:36px}.tray-box .big{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.tray-box .big b{font-family:var(--display);color:var(--gold);font-size:64px;line-height:1}.tray-box .big span{font-weight:700}.eggs{grid-template-columns:repeat(10,1fr);gap:10px;margin-top:24px;display:grid}@media (max-width:480px){.eggs{grid-template-columns:repeat(6,1fr)}}.eg{aspect-ratio:3/4;background:0 0;border:0;border-radius:50% 50% 48% 48%/58% 58% 42% 42%;padding:0;transition:transform .15s;position:relative}.eg:before{content:"";border-radius:inherit;background:radial-gradient(circle at 34% 28%,#f6d2a3 0 14%,#d99a5b 42%,#a8622a 100%);position:absolute;inset:0}.eg span{color:#fff;opacity:0;text-shadow:0 1px 2px #00000059;place-items:center;font-size:11px;font-weight:700;transition:opacity .15s;display:grid;position:absolute;inset:0}.eg:hover{transform:translateY(-3px)}.eg:hover span,.eg.sel span,.eg.sold span{opacity:1}.eg.sold:before{background:radial-gradient(circle at 34% 28%,#8d93ad 0 12%,#5a6082 60%,#474c69 100%)}.eg.sel{transform:translateY(-4px)scale(1.12)}.eg.sel:before{box-shadow:0 0 0 3px var(--gold)}.legend{color:#c9cde0;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:13px;display:flex}.legend i{vertical-align:-1px;border-radius:50%;width:10px;height:13px;margin-right:6px;display:inline-block}.how{background:#fff;border-radius:22px;padding:26px}.how h3{margin-bottom:14px;font-size:19px}.how ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.how li{align-items:flex-start;gap:10px;display:flex}.how li b{background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.pick{min-height:24px;color:var(--navy);margin-top:16px;font-weight:700}.wide{width:100%;margin-top:14px;padding:15px;font-size:15px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.filters button{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.prods{grid-template-columns:repeat(4,1fr);gap:22px 18px;display:grid}@media (max-width:900px){.prods{grid-template-columns:repeat(2,1fr)}}.prod{transition:opacity .25s,transform .25s}.prod[hidden]{display:none!important}.prod .ph{aspect-ratio:1;background:var(--mist);border-radius:18px;place-items:center;display:grid;overflow:hidden}.prod .ph img{object-fit:contain;width:78%;height:78%;transition:transform .4s}.prod:hover .ph img{transform:scale(1.07)}.prod h4{margin:12px 0 2px;font-size:14px;font-weight:500;line-height:1.4}.prod .pr{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:17px}.prod .src{background:var(--bronze-soft);color:#9a5a24;border-radius:999px;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.cta{background:var(--gold)}.cta .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding-block:64px;display:flex}.cta h2{margin-bottom:22px;font-size:clamp(28px,3.6vw,40px);line-height:1.25}.cta .stores{flex-wrap:wrap;gap:12px}.cta-eggs{align-items:flex-end;gap:6px;display:flex}.cta-eggs svg{width:84px;height:auto}.cta-eggs svg:nth-child(2){width:110px}.ftr{color:#aeb3c6;background:#161a2b;padding-block:48px 40px;font-size:13px}.ftr .brand{width:200px;height:auto;display:block}.links{flex-wrap:wrap;gap:6px 16px;margin:18px 0 20px;display:flex}.links button{color:#fff;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.links button:hover{text-decoration:underline}.ftr hr{border:0;border-top:1px solid #2c3146;margin:0 0 18px}.ftr p{margin:0 0 6px}.ftr a{color:#cfd3e2}.dim{z-index:50;opacity:0;background:#0a0c188c;place-items:center;padding:16px;transition:opacity .2s;display:grid;position:fixed;inset:0}.dim.on{opacity:1}.sheet{text-align:center;background:#fff;border-radius:26px;width:min(420px,100%);padding:34px 28px 26px;transition:transform .25s;transform:translateY(12px)scale(.98)}.dim.on .sheet{transform:none}.sheet .hatch{transform-origin:50% 92%;width:120px;margin:0 auto 10px;animation:1.6s ease-in-out infinite knock;display:block}@keyframes knock{0%,55%,to{transform:rotate(0)}62%{transform:rotate(-7deg)}70%{transform:rotate(6deg)}78%{transform:rotate(-3deg)}86%{transform:rotate(1deg)}}.sheet .when{background:var(--cream);color:#9a6512;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.sheet h3{margin:12px 0 8px;font-size:26px}.sheet p{color:var(--ink-2);margin:0 0 22px}.doc{background:#fff;border-radius:22px;flex-direction:column;width:min(760px,100%);max-height:86vh;transition:transform .25s;display:flex;transform:translateY(12px)}.dim.on .doc{transform:none}.doc header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.doc header h3{font-size:20px}.x{background:var(--mist);width:40px;height:40px;color:var(--ink);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.x:hover{background:#e3e5ec}.x svg{width:18px;height:18px}.doc .in{color:var(--ink-2);padding:8px 24px 28px;font-size:14px;overflow:auto}.doc .in h3{font-family:var(--body);color:var(--ink);margin:22px 0 8px;font-size:16px}.doc .in h4{color:var(--ink);margin:18px 0 6px;font-size:15px}.doc .in p{margin:6px 0}.lst{margin:4px 0;padding-left:18px}.lst li{margin:3px 0}.lst li.sub{margin-left:18px;list-style:circle}.tbl{margin:10px 0;overflow-x:auto}.tbl table{border-collapse:collapse;width:100%;min-width:460px;font-size:13px}.tbl th,.tbl td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 9px}.tbl th{background:var(--mist);color:var(--ink)}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--navy);color:#fff;opacity:0;z-index:60;border-radius:999px;max-width:calc(100% - 32px);padding:12px 20px;font-weight:500;transition:all .25s;position:fixed;transform:translate(-50%,20px)}.toast.on{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.dim[hidden]{display:none}