.ufo{aspect-ratio:181/147;line-height:0;display:inline-block;position:relative}.ufo__lines,.ufo__fill{width:100%;height:100%;display:block;position:absolute;inset:0}.board{height:100%;margin:0 calc(-1 * var(--pad));position:relative;overflow:hidden}.board__admin{z-index:8;border:2px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--font-round);letter-spacing:.08em;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.62rem;font-weight:800;position:absolute;top:8px;right:8px}.board__error{z-index:8;border:var(--outline);background:var(--paper);color:var(--ink);font-family:var(--font-round);white-space:nowrap;border-radius:999px;margin:0;padding:6px 14px;font-size:.68rem;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.board-modal__error{font-family:var(--font-round);color:var(--ink);margin:0;font-size:.72rem;font-weight:700}@keyframes star-drop{0%{opacity:0;transform:translate(-50%,-50%)translateY(-90px)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)}}.board__star{z-index:0;pointer-events:none;height:auto;animation:.9s cubic-bezier(.16,1,.3,1) both star-drop;position:absolute;transform:translate(-50%,-50%)}.board__decor{z-index:1;pointer-events:none;width:100%;height:auto;position:absolute;bottom:6.6%}.board__ufo{z-index:3;cursor:pointer;background:0 0;border:none;padding:0;transition:transform .12s;position:absolute;transform:translate(-50%,-50%)}.board__ufo:hover{transform:translate(-50%,-50%)scale(1.08)}.board__ufo:active{transform:translate(-50%,-50%)scale(.94)}.board__cta{left:var(--pad);right:var(--pad);bottom:calc(env(safe-area-inset-bottom) + 10px);z-index:6;border:var(--outline);background:var(--lime);color:var(--ink);letter-spacing:.02em;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;padding:8px 20px;font-size:1rem;font-weight:500;line-height:1;transition:transform .1s,box-shadow .1s;display:flex;position:absolute}.board__cta:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.board__cta img{width:32px;height:auto}.composer{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3a39ff2e;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.composer__sheet{background:var(--paper);border:var(--outline);border-radius:var(--radius);flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px;padding:26px 20px 20px;display:flex;position:relative}.composer__x{color:var(--ink);cursor:pointer;background:0 0;border:none;font-size:1.1rem;font-weight:500;line-height:1;position:absolute;top:10px;right:12px}.composer__swatches{justify-content:center;gap:24px;display:flex}.swatch{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.swatch__dot{border:var(--outline);cursor:pointer;border-radius:50%;width:34px;height:34px;padding:0}.swatch__label{font-family:var(--font-round);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);font-size:.7rem;font-weight:700}.swatch__pop{z-index:5;background:var(--paper);border:var(--outline);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:8px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.swatch__pop .react-colorful{width:168px;height:168px}.composer__field{width:100%;position:relative}.composer__text{resize:none;width:100%;font-family:var(--font-mono);color:#262626;background:var(--paper);border:var(--outline);border-radius:var(--radius-sm);padding:12px 15px 20px;font-size:1rem;line-height:1.4}.composer__text:focus{outline:none}.composer__count{font-family:var(--font-mono);color:#9a9a9a;font-size:.62rem;font-weight:700;position:absolute;bottom:15px;right:10px}.composer__launch{border:var(--outline);background:var(--lime);width:100%;color:var(--ink);font-family:var(--font-round);letter-spacing:.06em;cursor:pointer;border-radius:999px;padding:13px;font-size:.95rem;font-weight:800;transition:transform .1s,box-shadow .1s}.composer__launch:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.composer__launch:disabled{opacity:.45;cursor:not-allowed}.placing{z-index:15;touch-action:none;position:absolute;inset:0}.placing__ufo{z-index:16;cursor:grab;touch-action:none;filter:drop-shadow(0 2px 2px #3a39ff38);will-change:transform, filter;transition:transform .16s,filter .16s;position:absolute;transform:translate(-50%,-50%)scale(1)}.placing__ufo.is-flying{transition:transform .16s,filter .16s,top .7s cubic-bezier(.2,.7,.2,1),left .5s}.placing__ufo.is-grabbed{filter:drop-shadow(0 5px 5px #3a39ff33);cursor:grabbing;transform:translate(-50%,-50%)scale(1.09)}.placing__bar{left:var(--pad);right:var(--pad);z-index:17;background:var(--paper);border:var(--outline);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 18px;display:flex;position:absolute;bottom:14px}.placing__hint{font-family:var(--font-round);color:var(--ink);font-size:1rem;font-weight:500}.placing__done{background:var(--ink);color:var(--paper);font-family:var(--font-round);letter-spacing:.05em;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;padding:10px 20px;font-size:.85rem;font-weight:800}.placing__done:disabled{opacity:.6;cursor:default}.board-modal{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3a39ff38;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.board-modal__card{text-align:center;background:var(--paper);border:var(--outline);border-radius:var(--radius);width:100%;max-width:300px;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:14px;padding:24px 20px;display:flex;position:relative}.board-modal__text{font-family:var(--font-round);color:#262626;white-space:pre-wrap;word-break:break-word;margin:0;font-size:1ch;line-height:1.5}.board-modal__char{width:44px;height:auto}.board-modal__actions{gap:10px;margin-top:4px;display:flex}.board-modal__close,.board-modal__delete{border:var(--outline);font-family:var(--font-round);letter-spacing:.05em;cursor:pointer;border-radius:999px;padding:10px 26px;font-weight:800}.board-modal__close{background:var(--lime);color:var(--ink)}.board-modal__delete{background:var(--paper);color:var(--ink)}@media (prefers-reduced-motion:reduce){.placing__ufo,.placing__ufo.is-flying,.board__cta,.composer__launch{transition:none}.board__star{animation:none}}.dg-root{--dg-bg:#3a39ff;--dg-accent:#cbff88;--dg-paper:#fff;border-radius:inherit;background:var(--dg-bg);width:100%;height:100%;min-height:320px;font-family:var(--font-round);color:var(--dg-paper);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.dg-root .dg-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.dg-root .dg-back{top:calc(env(safe-area-inset-top) + 12px);z-index:4;opacity:.2;background:var(--dg-bg);width:38px;height:38px;color:var(--dg-accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,transform .12s;display:flex;position:absolute;left:12px}.dg-root .dg-back:hover{color:var(--dg-paper);opacity:.4}.dg-root .dg-back:active{transform:scale(.92)}.dg-root .dg-hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 16px 14px 60px;display:flex;position:absolute;inset:0 0 auto}.dg-root .dg-hud__label{color:var(--dg-accent);font-size:1rem;font-weight:500}.dg-root .dg-hud__time{color:var(--dg-accent);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1}.dg-root .dg-overlay{z-index:3;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#100f60bd;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:26px;display:flex;position:absolute;inset:0}.dg-root .dg-board{width:116px;max-width:45%;height:auto;margin-bottom:2px}.dg-root .dg-title{letter-spacing:.02em;margin:0;font-size:2rem;font-weight:700;line-height:1.1}.dg-root .dg-title--clear{color:var(--dg-accent)}.dg-root .dg-score{color:#ffffffd9;font-variant-numeric:tabular-nums;margin:0;font-size:1rem;font-weight:700}.dg-root .dg-score b{color:var(--dg-accent);font-size:1.6rem;font-weight:700}.dg-root .dg-hint{max-width:260px;font-family:var(--font-mono);color:#ffffffb8;margin:0;font-size:.75rem;font-weight:300;line-height:1.45}.dg-root .dg-btn{background:var(--dg-accent);color:var(--dg-bg);letter-spacing:.04em;cursor:pointer;border:none;border-radius:999px;margin-top:6px;padding:12px 32px;font-family:inherit;font-size:.95rem;font-weight:700;transition:transform .12s}.dg-root .dg-btn:active{transform:scale(.96)}.dg-root .dg-error{color:#ffd5e4;margin:0;font-size:.85rem;font-weight:600}@media (prefers-reduced-motion:reduce){.dg-root .dg-btn,.dg-root .dg-back{transition:none}}.vp-root{border-radius:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.vp-root .vp-video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vp-root .vp-back{top:calc(env(safe-area-inset-top) + 12px);z-index:3;color:#fff;opacity:.55;cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:opacity .15s,transform .12s;display:flex;position:absolute;left:12px}.vp-root .vp-back:hover{opacity:.9}.vp-root .vp-back:active{transform:scale(.92)}.vp-root .vp-sound{left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);z-index:3;color:#fff;font-family:var(--font-round);letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:#00000073;border:2px solid #ffffffbf;border-radius:999px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:transform .12s;position:absolute;transform:translate(-50%)}.vp-root .vp-sound:active{transform:translate(-50%)scale(.96)}@media (prefers-reduced-motion:reduce){.vp-root .vp-back,.vp-root .vp-sound{transition:none}}:root{--ink:#3a39ff;--pink:#ffb0d3;--blue:#80cfff;--yellow:#ffffab;--lime:#cbff88;--khaki:#bfbca9;--grey:#e5e5e5;--paper:#fff;--radius:22px;--radius-sm:14px;--outline:2px solid var(--ink);--shadow:0 6px 14px #3a39ff1f;--maxw:440px;--pad:18px;--font-round:"Albert Sans", sans-serif;--font-mono:"42Dot KR", sans-serif}*{box-sizing:border-box}img{max-width:100%}html,body,#root{margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-round);color:var(--ink);background:var(--lime);justify-content:center;min-height:100dvh;display:flex}#root{justify-content:center;width:100%;display:flex}.phone{width:100%;max-width:var(--maxw);background:var(--grey);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden auto;transform:translateZ(0)}@media (width>=480px){.phone{border-radius:40px;margin:24px 0;box-shadow:0 20px 50px #3a39ff38}}.sparkles{object-fit:cover;object-position:top;opacity:.55;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.appbar{z-index:5;padding:calc(env(safe-area-inset-top) + 20px) var(--pad) 20px;background:0 0;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.appbar.theme-pink{background:var(--pink)}.appbar.theme-blue{background:var(--blue)}.appbar.theme-yellow{background:var(--yellow)}.appbar.theme-lime{background:var(--lime)}.appbar.theme-khaki{background:var(--khaki)}.appbar__title{letter-spacing:.02em;color:var(--ink);margin:0;font-size:1.75rem;font-weight:500;line-height:2rem}.landing .appbar__title{letter-spacing:.04em;font-size:2rem;font-weight:900}.appbar__title--bold{font-weight:900}.toggle-icon{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;line-height:0;transition:transform .15s}.toggle-icon img{width:100%;display:block}.toggle-icon:hover{transform:scale(1.1)}.toggle-icon:active{transform:scale(.95)}#app{min-height:0;padding:4px var(--pad) calc(env(safe-area-inset-bottom) + 28px);z-index:2;flex:1;position:relative}.landing{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.landing__photo{object-fit:cover;object-position:center;flex:1;width:100%;height:100%;display:block}.landing__logo{z-index:2;filter:drop-shadow(0 2px #3a39ff26);width:100%;height:auto;position:absolute;bottom:0%;left:50%;transform:translate(-50%)}.landing__star{color:#cbff88;cursor:pointer;z-index:3;-webkit-user-select:none;user-select:none;transform-origin:50%;border-radius:5px;width:50px;height:50px;position:absolute;top:15%;left:55%;overflow:hidden}.landing__star:nth-of-type(3){top:16%;left:25%}.landing__star.active{animation:1s linear forwards scaleUp}@keyframes scaleUp{to{transform:scale(1.5)}}.hero__mascot{z-index:2;width:22%;max-width:92px;height:auto;animation:5s linear infinite mascot-spin;position:absolute;bottom:38%;right:5%}@keyframes mascot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu{flex-direction:column;gap:26px;padding-top:8px;display:flex}.menu__category{flex-direction:column;gap:14px;display:flex}.menu__heading{text-align:right;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:2.25rem;font-weight:700;display:block}.menu__subs{flex-direction:column;gap:14px;display:flex}.menu__sub{text-align:right;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:1.5rem;font-weight:500;display:block}.menu__heading:active,.menu__sub:active{opacity:.6}.grid-view{flex-direction:column;width:100%;display:flex}.grid{grid-template-columns:1fr 1fr;gap:2%;padding:10% 5%;display:grid}.grid-view:after{content:"";pointer-events:none;flex-shrink:0;height:300px}.grid__tile{aspect-ratio:1;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.grid__tile:active{transform:translateY(2px)}.grid__tile img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.placeholder-label{color:#9a9a9a;text-align:center;font-size:.72rem;font-weight:800;line-height:1.3}.detail{flex-direction:column;min-height:100%;display:flex}.detail__image{aspect-ratio:1;background:var(--grey);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.detail__image img{object-fit:contain;object-position:center;display:block}.carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;width:100%;height:100%;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel__slide{scroll-snap-align:start;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(15px,8%,40px);display:flex;overflow:hidden}.carousel__slide img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.carousel__dots{gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.carousel__dot{border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:50%;width:9px;height:9px;padding:0}.carousel__dot.is-active{background:var(--ink)}.panel--themed{margin:0 calc(-1 * var(--pad)) calc(-1 * (env(safe-area-inset-bottom) + 28px));padding:22px var(--pad) calc(env(safe-area-inset-bottom) + 28px);flex:1}.theme-pink.panel--themed{background:var(--pink)}.theme-blue.panel--themed{background:var(--blue)}.theme-yellow.panel--themed{background:var(--yellow)}.theme-lime.panel--themed{background:var(--lime)}.theme-khaki.panel--themed{background:var(--khaki)}.panel__title{color:var(--ink);margin:25px 0;font-size:2rem;font-weight:700}.panel__meta{color:#4a4a6a;margin:20px 0;font-size:.75rem;font-weight:700}.panel__label{letter-spacing:.06em;color:var(--ink);margin-bottom:2%;font-size:1rem;font-weight:600}.chips{grid-template-columns:repeat(var(--chip-cols,3), 1fr);gap:8px;margin-bottom:18px;padding-right:20%;display:grid}.chip{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;padding:3% 5%;font-family:inherit;font-size:1rem;font-weight:600;transition:background .1s,color .1s}.chip--selected{background:var(--ink);color:var(--paper)}.panel__desc{font-family:var(--font-mono);color:#262626;margin:0 0 14px;font-size:.75rem;font-weight:300;line-height:1.25rem}.panel__desc:last-child{margin-bottom:0}.soon{text-align:center;color:var(--ink);padding:60px 10px;font-weight:700}.soon__mascot{width:100px;margin-bottom:14px}.empty{text-align:center;color:#6b7250;font-weight:700}