@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@import "https://fonts.googleapis.com/css2?family=Jua&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@import "https://fonts.googleapis.com/css2?family=Jua&display=swap";.lb-button{justify-content:center;align-items:center;gap:var(--lb-space-2);min-width:var(--lb-touch-min);min-height:var(--lb-touch-min);padding:0 var(--lb-space-5);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-wobble);background:var(--lb-yellow);color:var(--lb-ink);font-family:var(--lb-font-display);font-size:var(--lb-text-md);box-shadow:var(--lb-shadow);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--lb-duration) ease-out, box-shadow var(--lb-duration) ease-out;line-height:1.2;display:inline-flex;position:relative}.lb-button--secondary{background:var(--lb-paper)}.lb-button--icon{width:var(--lb-touch-min);height:var(--lb-touch-min);border-radius:var(--lb-radius-round);background:var(--lb-paper);padding:0}.lb-button--lg{min-height:var(--lb-touch-lg);min-width:var(--lb-touch-lg);padding:0 var(--lb-space-6);font-size:var(--lb-text-lg)}.lb-button--icon.lb-button--lg{width:var(--lb-touch-lg);height:var(--lb-touch-lg);padding:0}.lb-button:after{content:"";border-radius:inherit;pointer-events:none;background:0 0;position:absolute;inset:0}@media (hover:hover){.lb-button:hover:after{background:var(--lb-layer-hover)}}.lb-button:active{transform:translateY(var(--lb-press-shift));box-shadow:var(--lb-shadow-pressed)}.lb-button:active:after{background:var(--lb-layer-pressed)}.lb-button:focus-visible{outline:var(--lb-outline) solid var(--lb-paper);outline-offset:calc(var(--lb-outline) * 2);box-shadow:var(--lb-shadow), 0 0 0 var(--lb-outline) var(--lb-paper), 0 0 0 calc(var(--lb-outline) * 2) var(--lb-ink)}.lb-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.lb-button[aria-disabled=true]:active{box-shadow:var(--lb-shadow);transform:none}.lb-button[aria-disabled=true]:active:after,.lb-button[aria-disabled=true]:hover:after{background:0 0}.lb-button-field{align-items:center;gap:var(--lb-space-2);flex-direction:column;display:inline-flex}.lb-button-reason{padding:var(--lb-space-1) var(--lb-space-3);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-sm);background:var(--lb-paper);color:var(--lb-ink);font-family:var(--lb-font-body);font-size:var(--lb-text-sm);text-align:center;font-weight:600;line-height:1.4}.lb-button-reason--hidden{visibility:hidden}.lb-panel{box-sizing:border-box;gap:var(--lb-space-4);padding:var(--lb-space-5);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-lg);background:var(--lb-paper);color:var(--lb-ink);font-family:var(--lb-font-body);font-size:var(--lb-text-md);box-shadow:var(--lb-shadow);flex-direction:column;line-height:1.5;display:flex}.lb-panel__title{font-family:var(--lb-font-display);font-size:var(--lb-text-lg);margin:0;font-weight:400;line-height:1.3}.lb-panel__message{margin:0}.lb-panel__actions{gap:var(--lb-space-4);flex-wrap:wrap;align-items:flex-start;display:flex}.lb-error{background:var(--lb-cream)}.lb-dialog-scrim{z-index:1000;padding:var(--lb-space-5);background:var(--lb-scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lb-dialog{width:min(100%,520px);max-height:100%;overflow-y:auto}.lb-dialog__field{gap:var(--lb-space-2);font-size:var(--lb-text-sm);flex-direction:column;font-weight:600;display:flex}.lb-dialog__input{box-sizing:border-box;min-height:var(--lb-touch-min);padding:0 var(--lb-space-4);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-md);background:var(--lb-sky);color:var(--lb-ink);font-family:var(--lb-font-body);font-size:var(--lb-text-md)}.lb-dialog__input:focus-visible{outline:var(--lb-outline) solid var(--lb-ink);outline-offset:2px}.lb-steps{align-items:center;gap:var(--lb-space-3);padding:var(--lb-space-2) var(--lb-space-4);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-round);background:var(--lb-paper);color:var(--lb-ink);font-family:var(--lb-font-display);font-size:var(--lb-text-md);box-shadow:var(--lb-shadow);display:inline-flex}.lb-steps__list{gap:var(--lb-space-2);margin:0;padding:0;list-style:none;display:flex}.lb-steps__dot{border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-round);background:var(--lb-paper);width:16px;height:16px}.lb-steps__dot--done{background:var(--lb-mint)}.lb-steps__dot[aria-current=step]{background:var(--lb-yellow);transform:scale(1.35)}.lb-logo{align-items:center;gap:var(--lb-space-3);line-height:0;display:inline-flex}.lb-logo__image{-webkit-user-select:none;user-select:none;flex:none;max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.lb-button{transition:none}}.detail-section{gap:var(--lb-space-4);padding:var(--lb-space-5);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-lg);background:var(--lb-paper);box-shadow:var(--lb-shadow);flex-direction:column;display:flex}.detail-section__head{align-items:baseline;gap:var(--lb-space-3);display:flex}.detail-section__title{font-family:var(--lb-font-display);font-size:var(--lb-text-lg);margin:0;font-weight:400;line-height:1.3}.detail-section__count{padding:0 var(--lb-space-3);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-sm);background:var(--lb-yellow);font-size:var(--lb-text-sm);font-weight:600}.detail-back{min-height:var(--lb-touch-min);color:var(--lb-ink);font-size:var(--lb-text-sm);text-underline-offset:4px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}.detail-back:focus-visible{outline:var(--lb-outline) solid var(--lb-ink);outline-offset:4px;border-radius:var(--lb-radius-sm)}.detail-hint{font-size:var(--lb-text-sm);margin:0;line-height:1.5}.detail-hint:empty{display:none}.detail-status{padding:var(--lb-space-2) var(--lb-space-4);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-sm);background:var(--lb-mint);font-size:var(--lb-text-sm);margin:0;font-weight:700}.detail-row{align-items:center;gap:var(--lb-space-4);flex-wrap:wrap;display:flex}.field__input.detail-interval{text-align:center;width:6rem}.detail-key{align-items:baseline;gap:var(--lb-space-3);flex-wrap:wrap;margin:0 auto 0 0;display:flex}.detail-key code{padding:var(--lb-space-1) var(--lb-space-3);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-sm);background:var(--lb-cream);font-size:var(--lb-text-sm);overflow-wrap:anywhere}.detail-facts{gap:var(--lb-space-2) var(--lb-space-4);font-size:var(--lb-text-sm);grid-template-columns:max-content 1fr;margin:0;display:grid}.detail-facts dt{font-weight:700}.detail-facts dd{overflow-wrap:anywhere;margin:0}.detail-facts__title{font-family:var(--lb-font-display);font-size:var(--lb-text-md)}.copy-row{gap:var(--lb-space-3);flex-wrap:wrap;display:flex}.copy-row .field__input{flex:260px;width:auto;min-width:0}.drawing-grid{gap:var(--lb-space-4);grid-template-columns:repeat(auto-fill,minmax(176px,1fr));margin:0;padding:0;list-style:none;display:grid}.drawing-card{align-items:center;gap:var(--lb-space-2);padding:var(--lb-space-4) var(--lb-space-3) var(--lb-space-3);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-md);background:var(--lb-cream);content-visibility:auto;contain-intrinsic-size:auto 340px;flex-direction:column;display:flex}.drawing-card__figure{width:128px;height:128px;position:relative}.drawing-card__bubble{min-height:var(--lb-space-7);justify-content:center;align-self:stretch;align-items:center;display:flex}.drawing-card__text{box-sizing:border-box;max-width:100%;padding:var(--lb-space-2) var(--lb-space-3);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-sm);background:var(--lb-paper);font-size:var(--lb-text-sm);text-align:center;overflow-wrap:anywhere;white-space:pre-line;margin:0;line-height:1.4}.drawing-card__handwriting{border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-sm);background:var(--lb-paper);max-width:100%;max-height:72px;display:block}.drawing-card__meta{justify-content:center;align-items:center;gap:var(--lb-space-2);font-size:var(--lb-text-sm);flex-wrap:wrap;margin:0;font-weight:600;display:flex}.drawing-card__badge{padding:0 var(--lb-space-3);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-sm);background:var(--lb-pink)}.drawing-card__actions{justify-content:center;align-items:center;gap:var(--lb-space-3);flex-wrap:wrap;margin-top:auto;display:flex}.host-list{gap:var(--lb-space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.host-list__item{width:72px;height:72px}.admin{box-sizing:border-box;gap:var(--lb-space-5);width:min(100%,880px);min-height:100dvh;padding:var(--lb-space-6) var(--lb-space-5);color:var(--lb-ink);font-family:var(--lb-font-body);flex-direction:column;margin:0 auto;display:flex}.admin--center{justify-content:center;align-items:center}body:has(.admin){background:var(--lb-sky)}.admin__header{align-items:center;gap:var(--lb-space-5);flex-wrap:wrap;display:flex}.admin__title{font-family:var(--lb-font-display);font-size:var(--lb-text-xl);margin:0 auto 0 0;font-weight:400;line-height:1.2}.admin__empty{padding:var(--lb-space-6);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-lg);background:var(--lb-paper);font-family:var(--lb-font-display);font-size:var(--lb-text-lg);text-align:center;box-shadow:var(--lb-shadow);margin:0;line-height:1.4}.admin__note{min-height:var(--lb-space-7);margin:0}.login{box-sizing:border-box;align-items:stretch;gap:var(--lb-space-5);flex-direction:column;width:min(100%,440px);display:flex}.login>.lb-logo,.login>.lb-button,.login>.lb-button-field{align-self:center}.field{gap:var(--lb-space-2);flex-direction:column;display:flex}.field__label{font-size:var(--lb-text-sm);font-weight:700}.field__input{box-sizing:border-box;width:100%;min-height:var(--lb-touch-min);padding:0 var(--lb-space-4);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-md);background:var(--lb-paper);color:var(--lb-ink);font-family:var(--lb-font-body);font-size:var(--lb-text-md)}.field__input:focus-visible{outline:var(--lb-outline) solid var(--lb-ink);outline-offset:2px;background:var(--lb-sky)}.event-list{gap:var(--lb-space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.event-row{gap:var(--lb-space-2);padding:var(--lb-space-4) var(--lb-space-5);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-lg);background:var(--lb-paper);color:var(--lb-ink);box-shadow:var(--lb-shadow);transition:transform var(--lb-duration) ease-out, box-shadow var(--lb-duration) ease-out;flex-direction:column;text-decoration:none;display:flex}@media (hover:hover){.event-row:hover{background:var(--lb-sky)}}.event-row:active{transform:translateY(var(--lb-press-shift));box-shadow:var(--lb-shadow-pressed)}.event-row:focus-visible{outline:var(--lb-outline) solid var(--lb-paper);outline-offset:calc(var(--lb-outline) * 2);box-shadow:var(--lb-shadow), 0 0 0 var(--lb-outline) var(--lb-paper), 0 0 0 calc(var(--lb-outline) * 2) var(--lb-ink)}.event-row__title{font-family:var(--lb-font-display);font-size:var(--lb-text-lg);line-height:1.3}.event-row__meta{align-items:center;gap:var(--lb-space-2) var(--lb-space-4);font-size:var(--lb-text-sm);flex-wrap:wrap;font-weight:600;display:flex}.event-row__mode{padding:0 var(--lb-space-3);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-sm);background:var(--lb-yellow)}.create-dialog{width:min(100%,560px)}.choice-group{--choice-reach:13px;gap:var(--lb-space-4);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.choice-group>legend{padding:0}.choice-group__options{gap:var(--lb-space-4);padding:var(--choice-reach);flex-wrap:wrap;display:flex}.choice{display:inline-flex;position:relative}.choice__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice__face{min-width:var(--lb-touch-min);min-height:var(--lb-touch-min);padding:0 var(--lb-space-4);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-wobble);background:var(--lb-paper);font-family:var(--lb-font-display);font-size:var(--lb-text-md);box-shadow:var(--lb-shadow);justify-content:center;align-items:center;display:inline-flex}.choice__input:checked+.choice__face{box-shadow:var(--lb-shadow), 0 0 0 3px var(--lb-paper), 0 0 0 7px var(--lb-ink)}.choice__input:focus-visible+.choice__face{outline:var(--lb-outline) solid var(--lb-ink);outline-offset:10px}.choice__input:active+.choice__face{background:var(--lb-sky)}.splash,.intro,.draw{box-sizing:border-box;background:var(--lb-bg);width:100%;height:100dvh;color:var(--lb-on-bg);font-family:var(--lb-font-body);overflow:hidden}.splash{justify-content:center;align-items:center;gap:var(--lb-space-5);padding:var(--lb-space-6);border:0;flex-direction:column;margin:0;display:flex;position:relative}.splash__notice{width:min(100%,560px)}button.splash--ready{cursor:pointer;font:inherit;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button.splash--ready:focus-visible{outline:var(--lb-outline-thick) solid var(--lb-on-bg);outline-offset:calc(var(--lb-outline-thick) * -2)}.splash__center{z-index:1;align-items:center;gap:var(--lb-space-5);flex-direction:column;max-width:760px;display:flex;position:relative}.splash__title{padding:var(--lb-space-4) var(--lb-space-6);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-wobble);background:var(--lb-paper);color:var(--lb-ink);font-family:var(--lb-font-display);box-shadow:var(--lb-shadow);font-size:clamp(40px,6vw,64px);line-height:1.15;display:block}.splash__prompt{font-size:var(--lb-text-xl);font-weight:700;line-height:1.3;display:block}.splash__prompt:before{content:"“"}.splash__prompt:after{content:"”"}.splash__cta{padding:var(--lb-space-4) var(--lb-space-6);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-wobble);background:var(--lb-yellow);color:var(--lb-ink);font-family:var(--lb-font-display);font-size:var(--lb-text-xl);box-shadow:var(--lb-shadow);display:inline-block}.splash__floaters{pointer-events:none;position:absolute;inset:0}.splash__floater{animation:ease-in-out infinite alternate splash-float;display:block;position:absolute;transform:translate(-50%,-50%)}@keyframes splash-float{0%{translate:0 -14px;rotate:-4deg}to{translate:0 14px;rotate:4deg}}.intro{justify-content:center;align-items:center;gap:var(--lb-space-6);padding:var(--lb-space-6);flex-direction:column;display:flex}.intro__cards{gap:var(--lb-space-6);margin:0;padding:0;list-style:none;display:flex}.intro__card{box-sizing:border-box;align-items:center;gap:var(--lb-space-4);width:320px;padding:var(--lb-space-5);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-lg);background:var(--lb-paper);color:var(--lb-ink);box-shadow:var(--lb-shadow);flex-direction:column;display:flex;position:relative}.intro__card:nth-child(odd){rotate:-1.5deg}.intro__card:nth-child(2n){rotate:1.5deg}.intro__number{top:calc(var(--lb-space-4) * -1);left:calc(var(--lb-space-3) * -1);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-round);background:var(--lb-yellow);width:48px;height:48px;font-family:var(--lb-font-display);font-size:var(--lb-text-lg);place-items:center;display:grid;position:absolute}.intro__art{place-items:center;width:100%;height:190px;display:grid;overflow:hidden}.intro__bubble{padding:var(--lb-space-4) var(--lb-space-6);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-wobble);background:var(--lb-sky);font-family:var(--lb-font-display);font-size:var(--lb-text-xl);position:relative}.intro__bubble:after{content:"";border-right:var(--lb-outline-thick) solid var(--lb-ink);border-bottom:var(--lb-outline-thick) solid var(--lb-ink);background:var(--lb-sky);width:22px;height:22px;position:absolute;bottom:-14px;left:32px;transform:rotate(45deg)}.intro__text{font-family:var(--lb-font-display);font-size:var(--lb-text-xl);text-align:center}.draw{gap:var(--lb-space-4);padding:var(--lb-space-5);grid-template-rows:auto minmax(0,1fr);display:grid}.draw__header{align-items:center;gap:var(--lb-space-5);display:flex}.draw__title{font-family:var(--lb-font-display);font-size:var(--lb-text-xl);margin:0;font-weight:400;line-height:1.2}.draw__body{gap:var(--lb-space-6);grid-template-columns:auto minmax(0,1fr);min-height:0;display:grid}.draw-frame{box-sizing:border-box;aspect-ratio:1;border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-lg);background:var(--lb-paper);height:min(100%,640px);box-shadow:var(--lb-shadow);align-self:start;overflow:hidden}.draw-stage{width:100%;height:100%;position:relative}.draw-surface{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.draw-surface[data-tool=eraser]{cursor:cell}.draw-stage__hint{left:var(--lb-space-3);bottom:var(--lb-space-3);padding:var(--lb-space-1) var(--lb-space-3);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-sm);background:var(--lb-yellow);color:var(--lb-ink);font-size:var(--lb-text-sm);pointer-events:none;font-weight:600;position:absolute}.eye-handle{min-width:var(--lb-touch-min);min-height:var(--lb-touch-min);border:var(--lb-outline) dashed color-mix(in srgb, var(--lb-ink) 55%, transparent);border-radius:var(--lb-radius-md);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;padding:0;position:absolute;transform:translate(-50%,-50%)}.eye-handle:active{cursor:grabbing;background:var(--lb-layer-hover)}.eye-handle:focus-visible{border-style:solid;border-color:var(--lb-ink);outline:var(--lb-outline) solid var(--lb-paper);outline-offset:2px}.draw__panel{gap:var(--lb-space-4);flex-direction:column;min-width:0;min-height:0;display:flex}.draw__section{gap:var(--lb-space-2);flex-direction:column;display:flex}.draw__label{font-family:var(--lb-font-display);font-size:var(--lb-text-md);margin:0;font-weight:400}.draw__row{gap:var(--lb-space-3);flex-wrap:wrap;display:flex}.lb-button.pick{width:64px;height:64px;padding:0}.lb-button.tool{padding:0 var(--lb-space-4)}.lb-button[aria-pressed=true]{box-shadow:var(--lb-shadow), 0 0 0 3px var(--lb-paper), 0 0 0 7px var(--lb-ink)}.pick__art{width:44px;height:44px;color:var(--lb-ink);display:block}.pick__art--image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lb-button.pick--none{font-family:var(--lb-font-display);font-size:var(--lb-text-md)}.draw__row .lb-button--icon{font-size:var(--lb-text-xl)}.draw__nav{justify-content:space-between;gap:var(--lb-space-4);margin-top:auto;display:flex}@media (orientation:portrait){.draw__body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.draw-frame{justify-self:center;width:min(100%,560px);height:auto}}@media (prefers-reduced-motion:reduce){.splash__floater{animation:none}}.color,.bubble,.send{box-sizing:border-box;background:var(--lb-bg);width:100%;height:100dvh;color:var(--lb-on-bg);font-family:var(--lb-font-body);overflow:hidden}.color,.bubble{gap:var(--lb-space-4);padding:var(--lb-space-5);display:grid}.color{grid-template-rows:auto minmax(0,1fr)}.color__body{gap:var(--lb-space-6);grid-template-columns:auto minmax(0,1fr);min-height:0;display:grid}.color__stage{box-sizing:border-box;padding:var(--lb-space-5);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-lg);background:var(--lb-paper);box-shadow:var(--lb-shadow);align-self:start;place-items:center;display:grid;overflow:hidden}.color__panel{gap:var(--lb-space-5);flex-direction:column;min-width:0;min-height:0;display:flex}.color__swatches{place-content:center;gap:var(--lb-space-5);padding:var(--lb-space-3);flex:1;grid-template-columns:repeat(4,minmax(0,96px));display:grid}.color__swatches .lb-button.swatch{aspect-ratio:1;width:100%;height:auto;font-size:var(--lb-text-xl)}.bubble{grid-template-rows:auto minmax(0,1fr) auto}.bubble__body{min-height:0}.bubble__panel{--bubble-height:clamp(200px, calc(100dvh - 500px), 320px);gap:var(--lb-space-4);flex-direction:column;min-width:0;display:flex}.bubble__speak{align-items:center;gap:var(--lb-space-6);display:flex}.bubble__hero{width:calc(var(--lb-touch-lg) * 4);flex:none;place-items:center;display:grid}.lb-button.chip{gap:var(--lb-space-2);padding:0 var(--lb-space-4)}.bubble-board{box-sizing:border-box;width:calc(var(--bubble-height) * 2);max-width:calc(100% - 320px);height:var(--bubble-height);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-wobble);background:var(--lb-sky);color:var(--lb-ink);box-shadow:var(--lb-shadow);flex:none;position:relative}.bubble-board:before{content:"";border-bottom:var(--lb-outline-thick) solid var(--lb-ink);border-left:var(--lb-outline-thick) solid var(--lb-ink);background:var(--lb-sky);width:26px;height:26px;position:absolute;top:50%;left:-17px;transform:translateY(-50%)rotate(45deg)}.bubble-pad,.bubble-text{box-sizing:border-box;width:100%;height:100%;position:absolute;inset:0}.bubble-pad{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.bubble-pad__ink{pointer-events:none;width:100%;height:100%;display:block}.bubble-pad__hint{color:color-mix(in srgb, var(--lb-ink) 55%, transparent);font-family:var(--lb-font-display);font-size:var(--lb-text-lg);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.bubble-text{resize:none;padding:var(--lb-space-5);border-radius:inherit;color:var(--lb-ink);font-family:var(--lb-font-display);background:0 0;border:0;font-size:32px;line-height:1.3}.bubble-text::placeholder{color:color-mix(in srgb, var(--lb-ink) 55%, transparent)}.bubble-text:focus-visible{outline:var(--lb-outline-thick) solid var(--lb-ink);outline-offset:calc(var(--lb-outline-thick) * -2)}.bubble__tools{align-items:center;gap:var(--lb-space-3);min-height:var(--lb-touch-min);margin-left:calc(var(--lb-touch-lg) * 4 + var(--lb-space-6));display:flex}.bubble__count{padding:var(--lb-space-1) var(--lb-space-4);border:var(--lb-outline) solid var(--lb-ink);border-radius:var(--lb-radius-sm);background:var(--lb-paper);color:var(--lb-ink);font-size:var(--lb-text-md);font-weight:700}.bubble__nav{align-items:flex-end}.send{justify-content:center;align-items:center;gap:var(--lb-space-5);padding:var(--lb-space-6);border:0;flex-direction:column;margin:0;display:flex}.send__flight{animation:.8s cubic-bezier(.3,1.5,.5,1) forwards send-fly}@keyframes send-fly{0%{translate:0;scale:1}25%{translate:0 24px;scale:1.08 .92}to{opacity:0;translate:0 -62vh;scale:.6}}.send__status,.send__headline,.send__order{padding:var(--lb-space-4) var(--lb-space-6);border:var(--lb-outline-thick) solid var(--lb-ink);border-radius:var(--lb-radius-wobble);background:var(--lb-paper);color:var(--lb-ink);font-family:var(--lb-font-display);box-shadow:var(--lb-shadow);margin:0}.send__status{font-size:var(--lb-text-xl)}button.send--done{cursor:pointer;font:inherit;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button.send--done:focus-visible{outline:var(--lb-outline-thick) solid var(--lb-on-bg);outline-offset:calc(var(--lb-outline-thick) * -2)}.send__headline{background:var(--lb-yellow);font-size:64px;line-height:1.15}.send__arrow{color:var(--lb-on-bg);font-family:var(--lb-font-display);font-size:120px;line-height:1;animation:.9s ease-in-out infinite alternate send-arrow}@keyframes send-arrow{0%{translate:0 6px}to{translate:0 -18px}}.send__order{font-size:var(--lb-text-xl)}.send__hint{color:var(--lb-on-bg);font-size:var(--lb-text-md);font-weight:700}.send__notice{width:min(100%,560px)}@media (orientation:portrait){.color__body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:start center}.color__panel{width:100%}.bubble__panel{--bubble-height:clamp(200px, calc(100dvh - 760px), 320px)}.bubble__speak{flex-direction:column;align-items:flex-start}.bubble__hero{width:auto}.bubble__tools{margin-left:0}.bubble-board{max-width:100%}.bubble-board:before{top:-17px;left:40px;transform:rotate(135deg)}}@media (prefers-reduced-motion:reduce){.send__flight{opacity:.6;animation:none}.send__arrow{animation:none}}:root{--lb-ink:#141414;--lb-paper:#fffdf7;--lb-bg-pink:#ff2e93;--lb-bg-cobalt:#2747ff;--lb-bg-lemon:#ffe600;--lb-blue:#79bfff;--lb-yellow:#ffe27a;--lb-orange:#ffa552;--lb-pink:#ff7a9c;--lb-mint:#9cf2c0;--lb-purple:#c99bff;--lb-cream:#fff1d6;--lb-sky:#a8e6ff;--lb-bg:var(--lb-bg-pink);--lb-on-bg:var(--lb-ink);--lb-font-body:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--lb-font-display:"Jua", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--lb-text-sm:16px;--lb-text-md:20px;--lb-text-lg:24px;--lb-text-xl:36px;--lb-outline:3px;--lb-outline-thick:4px;--lb-radius-sm:12px;--lb-radius-md:20px;--lb-radius-lg:28px;--lb-radius-wobble:22px 26px 20px 24px / 24px 20px 26px 22px;--lb-radius-round:999px;--lb-shadow:0 6px 12px color-mix(in srgb, var(--lb-ink) 35%, transparent);--lb-shadow-pressed:0 3px 6px color-mix(in srgb, var(--lb-ink) 35%, transparent);--lb-layer-pressed:color-mix(in srgb, var(--lb-ink) 14%, transparent);--lb-layer-hover:color-mix(in srgb, var(--lb-ink) 6%, transparent);--lb-scrim:color-mix(in srgb, var(--lb-ink) 55%, transparent);--lb-space-1:4px;--lb-space-2:8px;--lb-space-3:12px;--lb-space-4:16px;--lb-space-5:24px;--lb-space-6:32px;--lb-space-7:48px;--lb-touch-min:56px;--lb-touch-lg:72px;--lb-press-shift:2px;--lb-duration:.12s}[data-lb-bg=pink]{--lb-bg:var(--lb-bg-pink);--lb-on-bg:var(--lb-ink)}[data-lb-bg=cobalt]{--lb-bg:var(--lb-bg-cobalt);--lb-on-bg:var(--lb-paper)}[data-lb-bg=lemon]{--lb-bg:var(--lb-bg-lemon);--lb-on-bg:var(--lb-ink)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--lb-bg);color:var(--lb-on-bg);font-family:var(--lb-font-body)}
