@import "https://fonts.googleapis.com/css2?family=Jua&family=Gowun+Dodum&family=Nunito:wght@600;700&display=swap";:root{--cream:#f7efe6;--cream-deep:#efe0d3;--apricot:#ffd9c0;--sakura:#ffb7c5;--mint:#a8dfd2;--lavender:#c8b6ff;--ink:#3b322e;--ink-soft:#6c5c53;--line:#3b322e24;--glass:#fffaf4b8;--shadow:0 10px 30px #60443429, 0 2px 6px #60443414;--shadow-clay:0 14px 34px #96644633, 0 4px 10px #9664461f, inset 0 2px 0 #fffffff2, inset 0 -3px 0 #d2aa8c2e;--shadow-press:0 4px 10px #9664462e, inset 0 2px 6px #b4826438;--focus:#2c5bd6;--radius:18px;--font:"Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-display:"Jua", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-body:"Gowun Dodum", "Nunito", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:12px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:linear-gradient(#fff4ec 0%,#f9ebdf 46%,#f2e2d2 100%);overflow:hidden}#app{isolation:isolate;position:fixed;inset:0}.stage{z-index:0;touch-action:none;cursor:default;position:absolute;inset:0}.stage canvas{outline:none;width:100%;height:100%;display:block}.stage.is-grab canvas{cursor:grab}.stage.is-grabbing canvas{cursor:grabbing}#app:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 50% 45%,#0000 52%,#603e280f 76%,#603e2821 100%);position:absolute;inset:0}#app:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(60% 70% at 50% 100%,#ffd6b447,#0000 70%);height:60%;position:absolute;inset:auto -10% -30%}.hud{z-index:2;pointer-events:none;position:absolute}.hud button,.hud input,.hud .custom__body,.tray,.tray-nav{pointer-events:auto}.hud--brand{max-width:min(46ch,62vw);top:clamp(14px,3.2vw,32px);left:clamp(14px,3.2vw,36px)}.brand__title{font-family:var(--font-display);letter-spacing:.005em;margin:0;font-size:clamp(21px,2.7vw,31px);font-weight:600;line-height:1.1}.brand__title em{color:#b9764e;letter-spacing:.04em;font-style:normal}.brand__tagline{color:var(--ink-soft);letter-spacing:.01em;margin:7px 0 0;font-size:clamp(11px,1.1vw,13px)}.hud--tray{pointer-events:none;justify-content:center;align-items:center;column-gap:6px;width:min(96vw,1120px);display:flex;bottom:clamp(12px,2.4vw,28px);left:50%;transform:translate(-50%)}.tray-nav{height:34px;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;background:#fffcf8f0;border:1px solid #ffffffb3;border-radius:50%;flex:0 0 34px;font-family:inherit;font-size:20px;font-weight:800;line-height:1}.tray-nav:disabled{opacity:.35;cursor:default}.tray-shell{border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);pointer-events:auto;background:linear-gradient(#fffcf8f0,#faf0e6f7);border:1px solid #ffffffb3;flex:none;padding:6px 9px}.tray{scrollbar-width:none;scroll-snap-type:x mandatory;gap:clamp(6px,1vw,12px);padding-block:3px;display:flex;overflow-x:auto}.tray::-webkit-scrollbar{display:none}@media (min-width:820px){.tray__item{flex:0 0 84px;min-width:0;padding:6px 4px 5px}.tray__thumb{width:56px;height:56px}.tray__name{font-size:11px}.hud--counter{bottom:calc(clamp(12px,2.4vw,28px) + 214px)}}@media (min-width:820px) and (max-height:760px){.hud--counter{bottom:calc(clamp(12px,2.4vw,28px) + 198px)}}.tray__item{min-width:0;color:var(--ink);letter-spacing:-.01em;cursor:pointer;scroll-snap-align:start;background:#ffffff6b;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:0 0 78px;align-items:center;gap:5px;padding:8px 8px 7px;font-family:inherit;font-size:11.5px;font-weight:700;transition:transform .22s cubic-bezier(.2,.8,.3,1),background .22s,box-shadow .22s,border-color .22s;display:flex}.tray__item:hover{background:#ffffffb8;transform:translateY(-3px)}.tray__item[aria-pressed=true]{background:#fffdfa;border-color:#b9764e66;transform:translateY(-2px);box-shadow:0 6px 16px #96644629,inset 0 0 0 1px #ffffffe6}.tray__thumb{border-radius:12px;width:52px;height:52px;display:block}.tray__name{white-space:nowrap;opacity:.9}.hud--custom{width:184px;top:50%;right:clamp(12px,2.2vw,30px);transform:translateY(-50%)}.custom__toggle{display:none}.custom__body{border-radius:var(--radius);background:var(--glass);box-shadow:var(--shadow);border:1px solid #ffffffb8;flex-direction:column;gap:13px;padding:14px;display:flex}.group{flex-direction:column;gap:7px;display:flex}.group[hidden]{display:none!important}.group+.group{border-top:1px dashed var(--line);padding-top:12px}.label{letter-spacing:.02em;color:var(--ink-soft);text-transform:none;justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:11px;font-weight:800;display:flex}.label output{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.swatches{flex-wrap:wrap;gap:7px;display:flex}.swatch{cursor:pointer;border:2px solid #ffffffd9;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .16s,box-shadow .16s;box-shadow:0 2px 6px #5a3c282e}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--cream), 0 0 0 4px var(--ink);transform:scale(1.04)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff9;border-radius:999px;padding:5px 9px;font-family:inherit;font-size:11px;font-weight:700;transition:background .16s,color .16s,border-color .16s}.chip:hover{background:#fff}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff8ef}#fillGroup.is-disabled{opacity:.42}#fillGroup.is-disabled .chip{cursor:not-allowed}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--apricot), #d9c0a8);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:#fffdfa;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 2px 5px #50321e38}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--apricot), #d9c0a8);border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:#fffdfa;border-radius:50%;width:16px;height:16px}.mute{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff9;border-radius:999px;margin-top:2px;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:700}.mute[aria-pressed=true]{background:var(--ink);color:#fff8ef;border-color:var(--ink)}.hud--help{color:var(--ink-soft);max-width:210px;font-size:11px;line-height:1.55;bottom:clamp(14px,2.6vw,30px);left:clamp(14px,3.2vw,36px)}.hud--help p{margin:0}.help__title{color:var(--ink);font-weight:800;margin-bottom:3px!important}.help__keys{opacity:.85;margin-top:6px!important}kbd{border:1px solid var(--line);text-align:center;background:#ffffffb3;border-radius:5px;min-width:15px;padding:1px 4px;font-family:inherit;font-size:10px;font-weight:700;display:inline-block}.hud--counter{font-variant-numeric:tabular-nums;align-items:flex-end;gap:9px;display:flex;bottom:clamp(14px,2.6vw,30px);right:clamp(14px,3vw,34px)}.counter__num{letter-spacing:-.03em;color:var(--ink);font-size:clamp(30px,4vw,46px);font-weight:800;line-height:.86;transition:transform .16s cubic-bezier(.2,.9,.3,1.4)}.hud--counter.is-pop .counter__num{transform:scale(1.16)}.counter__label{letter-spacing:.14em;color:var(--ink-soft);flex-direction:column;padding-bottom:2px;font-size:10px;font-weight:800;line-height:1.15;display:flex}.counter__sub{letter-spacing:0;opacity:.7;font-weight:600}.boot{z-index:5;color:var(--ink-soft);background:var(--cream);justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:700;transition:opacity .45s,visibility .45s;display:flex;position:absolute;inset:0}.boot.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.boot__dot{background:var(--sakura);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite bootPulse}@keyframes bootPulse{0%,to{opacity:.55;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:8px}@media (max-width:760px),(max-height:560px) and (orientation:landscape){.hud--brand{max-width:74vw}.brand__title{font-size:20px}.brand__tagline{max-width:30ch;font-size:10.5px}.hud--custom{flex-direction:column;align-items:flex-end;gap:8px;width:min(62vw,232px);display:flex;top:auto;bottom:118px;right:10px;transform:none}.custom__toggle{background:var(--glass);box-shadow:var(--shadow);color:var(--ink);cursor:pointer;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:5px;padding:8px 13px;font-family:inherit;font-size:12px;font-weight:800;display:inline-flex}.custom__body{width:100%;max-height:46vh;display:none;overflow-y:auto}.hud--custom.is-open .custom__body{display:flex}.hud--help{display:none}.hud--counter{flex-direction:row-reverse;align-items:center;bottom:112px;left:12px;right:auto}.counter__num{font-size:26px}.hud--tray{width:100vw;padding-bottom:env(safe-area-inset-bottom,0px);padding:0 8px;bottom:0}.tray{gap:6px}.tray-shell{border-radius:18px 18px 0 0;padding:4px 7px}.tray-nav{border-radius:13px;flex-basis:26px;height:44px;font-size:17px}.tray__item{flex:0 0 66px;min-width:0;padding:6px 1px 5px}.tray__thumb{width:42px;height:42px}.tray__name{font-size:10.5px}}@media (max-height:560px) and (orientation:landscape){.hud--help,.brand__tagline{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand__sub{color:var(--ink-soft);opacity:.85;margin:6px 0 0;font-size:clamp(10.5px,1vw,12px)}.custom__head .label{color:#b9764e}.custom__name{letter-spacing:-.02em;margin:2px 0 0;font-size:15px;font-weight:800}.custom__catch{color:var(--ink-soft);margin:3px 0 0;font-size:11px;line-height:1.45}.hud--hint{max-width:300px;color:var(--ink-soft);flex-wrap:wrap;gap:6px 10px;font-size:11px;font-weight:700;transition:opacity .9s;display:flex;bottom:clamp(44px,5vw,62px);left:clamp(14px,3.2vw,36px)}.hud--hint span{background:#ffffff9e;border:1px solid #fffc;border-radius:999px;padding:4px 9px;box-shadow:0 2px 8px #785a4614}.hud--hint[hidden]{display:none}.hud--hint.is-faded{opacity:0}.hud--footer{letter-spacing:.01em;color:var(--ink-soft);opacity:.62;font-size:9.5px;bottom:clamp(12px,2.4vw,24px);left:clamp(14px,3.2vw,36px)}.hud--counter{align-items:baseline;gap:5px}.counter__pre,.counter__suf{color:var(--ink-soft);letter-spacing:-.01em;font-size:11px;font-weight:700}.counter__suf{padding-left:1px}@media (max-width:760px){.hud--hint{gap:5px;max-width:58vw;bottom:176px}.hud--hint span{padding:3px 7px;font-size:10px}.hud--footer{display:none}.hud--counter{flex-direction:row;align-items:baseline;bottom:116px;left:14px;right:auto}.counter__num{font-size:24px}.counter__pre,.counter__suf{font-size:10px}.brand__sub{display:none}}.tray-shell,.custom__body,.hud--custom.is-open .custom__body{box-shadow:var(--shadow-clay);border-color:#ffffffe6}.tray__item{cursor:pointer;border-radius:16px;transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s,box-shadow .18s}.tray__item:active{transform:translateY(0)scale(.965)}.tray__item[aria-pressed=true]:active{transform:translateY(-1px)scale(.975)}.chip{cursor:pointer;min-height:32px;transition:transform .15s,background .15s,color .15s,box-shadow .15s}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{box-shadow:0 2px 6px #96644629,inset 0 1px #fffffff2}@media (pointer:coarse){.chip{min-height:44px;padding:10px 14px}}button,[role=button],select,input[type=range]{touch-action:manipulation}@media (min-width:820px){.hud--counter{align-items:baseline;top:clamp(14px,3vw,30px);bottom:auto;right:clamp(16px,3vw,34px)}}.group__note{color:var(--ink-soft);opacity:.75;margin:6px 0 0;font-size:10.5px;line-height:1.35}.group.is-disabled .chips,.group.is-disabled input[type=range],.group.is-disabled output{opacity:.42;pointer-events:none}.hud--custom{max-height:calc(100vh - 300px)}.custom__body{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100vh - 360px);overflow-y:auto}.custom__body::-webkit-scrollbar{width:6px}.custom__body::-webkit-scrollbar-thumb{background:#966e5547;border-radius:999px}@media (min-width:820px){.hud--custom{flex-direction:column;max-height:none;display:flex;top:92px;bottom:408px;transform:none}.custom__body{flex:auto;max-height:none;overflow-y:auto}}#stage:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 90% at 50% 42%,#fff5eb00 45%,#78564029 100%);position:absolute;inset:0}#stage:before{content:"";pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.brand__title,.custom__name,.tray__name,.chip,.label,.mute,.counter__num,.custom__toggle{font-family:var(--font-display);letter-spacing:.01em}.brand__title{text-shadow:0 2px #ffffffa6;font-size:clamp(24px,3vw,34px);font-weight:400}.brand__tagline,.brand__sub,.custom__catch,.group__note,.counter__pre,.counter__suf{font-family:var(--font-body)}.chip{font-size:12.5px}.tray__name{font-size:11.5px}.tray__item{position:relative}.tray__hot{color:#fff;font-family:var(--font-display);letter-spacing:.02em;background:#ff6b6b;border-radius:999px;padding:1px 5px;font-size:9px;line-height:1.4;position:absolute;top:3px;right:4px;box-shadow:0 2px 5px #b43c3c47}.plus-one{z-index:40;pointer-events:none;-webkit-text-stroke:1.5px #fff;paint-order:stroke fill;text-shadow:0 2px 6px #3c281e47;font-size:26px;font-weight:800;animation:.7s cubic-bezier(.2,.8,.3,1) forwards plus-one;position:fixed;transform:translate(-50%,-50%)}@keyframes plus-one{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}18%{opacity:1;transform:translate(-50%,-70%)scale(1.15)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}@media (max-height:560px) and (orientation:landscape){.hud--custom{max-height:none;top:auto;bottom:98px;transform:none}.custom__body{max-height:calc(100vh - 200px)}.hud--footer{display:none}}.hud__actions{gap:8px;margin-top:10px;display:flex}.pill{font-family:var(--font-display);color:var(--ink);cursor:pointer;background:#ffffffbf;border:1px solid #966e5540;border-radius:999px;padding:7px 12px;font-size:12px;transition:transform .15s,background .15s}.pill:active{transform:scale(.96)}.pill--support{color:#fff;background:#ff6b6b;border-color:#0000;box-shadow:0 4px 12px #c8464640}.pill--ghost{background:0 0}.sheet{z-index:200;place-items:center;display:grid;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3c281e59;position:absolute;inset:0}.sheet__card{background:#fffaf4;border-radius:22px;flex-direction:column;gap:12px;width:min(88vw,380px);padding:22px;display:flex;position:relative;box-shadow:0 24px 60px #78503747}.sheet__title{font-family:var(--font-display);margin:0;font-size:20px}.sheet__desc{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.5}.sheet__ad{text-align:center;color:var(--ink-soft);border:1px dashed #966e5566;border-radius:14px;padding:14px;font-size:12px}.sheet__ad small{opacity:.7;margin-top:4px;font-size:10.5px;display:block}.sheet__account{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.sheet__label{width:100%;color:var(--ink-soft);font-size:11px}.sheet__account code{background:#ffffffe6;border:1px solid #966e5533;border-radius:10px;flex:1;padding:8px 10px}
/*$vite$:1*/