:root{--canvas: #f2f4f6;--surface: #ffffff;--surface-2: #f9fafb;--fill: #f2f4f6;--line: #e5e8eb;--ink: #191f28;--ink-2: #4e5968;--ink-3: #8b95a1;--blue: #3182f6;--blue-press: #1b64da;--blue-tint: #e8f3ff;--kakao: #fee500;--kakao-ink: #191919;--naver: #03c75a;--shadow-sm: 0 1px 3px rgba(25, 31, 40, .06);--shadow-md: 0 8px 28px rgba(25, 31, 40, .08), 0 1px 3px rgba(25, 31, 40, .04);--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--r-sm: 12px;--r-md: 16px;--r-lg: 24px;--r-xl: 28px;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--canvas);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}#root{min-height:100%}button{font:inherit;color:inherit;letter-spacing:inherit}.app{min-height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 14px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 20px)}.masthead{flex:0 0 auto}.masthead__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.locpill{display:inline-flex;align-items:center;gap:5px;padding:7px 12px 7px 10px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:13px;font-weight:600;color:var(--ink-2)}.locpill svg{color:var(--blue)}.mutebtn{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--ink-3);cursor:pointer;transition:background .15s,transform .15s;-webkit-tap-highlight-color:transparent}.mutebtn:hover{background:#0000000a;color:var(--ink-2)}.mutebtn:active{transform:scale(.92)}.masthead h1{margin:0;font-size:clamp(26px,7.4vw,30px);font-weight:700;line-height:1.3;letter-spacing:-.03em}.stage{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:22px 0 8px}.panel{display:flex;flex-direction:column;align-items:center;gap:22px;padding:28px 20px 18px;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-md);animation:rise .6s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.wheel{position:relative;width:min(100%,360px);aspect-ratio:1}.wheel__svg{display:block;width:100%;height:100%;overflow:visible}.wheel__pawl{filter:drop-shadow(0 3px 4px rgba(49,130,246,.35))}.wheel__emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.wheel__label{font-family:var(--font);font-weight:700;fill:var(--ink);letter-spacing:-.02em}.wheel__sub{font-family:var(--font);font-weight:600;fill:var(--deep, var(--ink-2));letter-spacing:-.02em}.wheel__hub1{font-family:var(--font);font-weight:800;font-size:16px;fill:var(--ink);letter-spacing:-.04em}.wheel__hub2{font-family:var(--font);font-weight:700;font-size:8.5px;fill:var(--blue);letter-spacing:.12em}.wheel__hit{position:absolute;top:3%;right:3%;bottom:3%;left:3%;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.wheel__hit:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.tally{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:0;padding:14px 0 0;border-top:1px solid var(--line)}.tally div{text-align:center}.tally div+div{border-left:1px solid var(--line)}.tally dt{font-size:12px;font-weight:500;color:var(--ink-3)}.tally dd{margin:2px 0 0;font-size:17px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.cta{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 10px);animation:rise .6s .08s var(--ease) both}.spinbtn,.spinagain{display:block;width:100%;height:56px;border:0;border-radius:var(--r-md);background:var(--blue);color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:background .15s,transform .12s var(--ease);-webkit-tap-highlight-color:transparent}.spinbtn:hover,.spinagain:hover{background:var(--blue-press)}.spinbtn:active,.spinagain:active{transform:scale(.98);background:var(--blue-press)}.spinbtn:focus-visible,.spinagain:focus-visible{outline:3px solid rgba(49,130,246,.4);outline-offset:2px}.state{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:32px 24px;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-md)}.state p{margin:0;color:var(--ink-2);font-size:15px}.state h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.03em}.state__msg{font-size:14px;line-height:1.6;word-break:break-word}.state__spinner{width:36px;height:36px;border-radius:50%;border:3.5px solid var(--blue-tint);border-top-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup{text-align:left;width:100%;padding:16px 18px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);font-size:13.5px;line-height:1.65}.setup p{margin:0 0 8px;font-weight:600;color:var(--ink)}.setup ol{margin:0;padding-left:19px;color:var(--ink-2)}.setup li{margin-bottom:4px}.setup code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:2px 6px;border-radius:6px;background:var(--blue-tint);color:var(--blue-press)}.retry{padding:12px 24px;border:0;border-radius:var(--r-sm);background:var(--blue-tint);color:var(--blue-press);font-weight:600;cursor:pointer}.retry:active{transform:scale(.97)}.colophon{flex:0 0 auto;padding-top:8px;text-align:center;font-size:12px;color:var(--ink-3)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0006;opacity:0;pointer-events:none;transition:opacity .3s ease}.scrim.is-open{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:21;left:0;right:0;bottom:0;max-height:90dvh;display:flex;flex-direction:column;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);box-shadow:0 -8px 40px #0000001f;transform:translateY(101%);transition:transform .42s cubic-bezier(.16,1,.3,1);will-change:transform}.sheet.is-open{transform:translateY(0)}@media (min-width: 640px){.sheet{left:50%;right:auto;width:480px;transform:translate(-50%,101%)}.sheet.is-open{transform:translate(-50%)}}.sheet__head{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:28px 64px 18px 22px}.sheet__grip{position:absolute;top:9px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:999px;background:var(--line)}.sheet__tile{flex:0 0 auto;display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:var(--tone, var(--fill));font-size:32px;line-height:1}.sheet__title{min-width:0}.sheet__eyebrow{margin:0 0 1px;font-size:13px;font-weight:600;color:var(--tone-deep, var(--ink-3))}.sheet__title h2{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.2}.sheet__en{font-size:16px;font-weight:600;color:var(--ink-3)}.sheet__count{margin:3px 0 0;font-size:13px;color:var(--ink-3)}.sheet__count strong{font-weight:600;color:var(--ink-2)}.sheet__close{position:absolute;top:24px;right:18px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--fill);color:var(--ink-2);cursor:pointer}.sheet__close:hover{background:var(--line)}.sheet__close:active{transform:scale(.92)}.sheet__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 20px 8px}.sheet__empty{padding:30px 8px;text-align:center;font-size:15px;line-height:1.6;color:var(--ink-2)}.sheet__pickrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sheet__label{margin:0;font-size:14px;font-weight:600;color:var(--ink-3)}.sheet__label--spaced{margin:28px 0 2px}.linkbtn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;margin:-6px -10px -6px 0;border:0;border-radius:10px;background:none;font-size:14px;font-weight:600;color:var(--blue);cursor:pointer}.linkbtn:hover{background:var(--blue-tint)}.linkbtn:active{transform:scale(.96)}.sheet__list{display:flex;flex-direction:column}.morebtn{width:100%;margin-top:10px;padding:14px;border:0;border-radius:var(--r-sm);background:var(--fill);font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer}.morebtn:hover{background:var(--line)}.sheet__foot{flex:0 0 auto;padding:12px 20px calc(env(safe-area-inset-bottom) + 14px);background:linear-gradient(to bottom,rgba(255,255,255,0),var(--surface) 30%)}.card{padding:16px 0;border-bottom:1px solid var(--line)}.sheet__list .card:last-child{border-bottom:0}.card--featured{padding:20px;border:0;border-radius:var(--r-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--tone, #fff) 55%,#fff) 0%,var(--surface-2) 60%)}.card__head{margin-bottom:8px}.card__name{margin:0;font-size:17px;font-weight:700;letter-spacing:-.03em;line-height:1.35}.card--featured .card__name{font-size:21px}.card__detail{margin:2px 0 0;font-size:13px;color:var(--ink-3)}.card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{padding:4px 9px;border-radius:8px;background:var(--fill);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}.card--featured .chip{background:#ffffffd9}.chip--dist,.card--featured .chip--dist{background:var(--blue-tint);color:var(--blue-press)}.chip--link{text-decoration:none}.chip--link:hover{color:var(--ink)}.card__addr{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}.card__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.card--featured .card__actions{grid-template-columns:1fr 1fr;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border:0;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:filter .15s,transform .12s var(--ease);-webkit-tap-highlight-color:transparent}.card--featured .btn{min-height:48px;border-radius:var(--r-sm);font-size:14.5px}.btn:hover{filter:brightness(.96)}.btn:active{transform:scale(.97)}.btn--kakao{background:var(--kakao);color:var(--kakao-ink)}.btn--naver{background:var(--naver);color:#fff}.btn--menu{background:var(--fill);color:var(--ink)}.card--featured .btn--menu{grid-column:1 / -1;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}@media (prefers-reduced-motion: reduce){.panel,.cta{animation:none}.sheet,.scrim{transition-duration:1ms}}@media (max-height: 720px){.masthead__top{margin-bottom:10px}.masthead h1{font-size:24px}.stage{gap:12px;padding-top:14px}.panel{padding:20px 16px 14px;gap:16px}.wheel{width:min(100%,290px)}.spinbtn{height:52px}}