.demo-root{--gold-500:#D9A441;--gold-600:#B9852E;--gold-100:#F5E6B7;--green-300:#A8CBB7;--green-600:#6AA083;--green-700:#538A6C;--green-800:#437056;--green-900:#2F5340;--sand-50:#FFFDF8;--sand-100:#FAF4E8;--sand-200:#EADFC8;--sand-300:#DACBAA;--ink-900:#161D27;--ink-700:#374859;--blue:#2E6FB0;--frost-bg:rgba(255,251,238,.4);--frost-blur:blur(7px) saturate(1.1);--frost-line:rgba(120,98,52,.22);--frost-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 8px 18px rgba(150,108,52,.2);position:fixed;inset:0;z-index:9999;overflow:hidden;background:#15110d;font-family:var(--font-sans),"Pretendard",-apple-system,"Apple SD Gothic Neo",sans-serif;color:var(--ink-700);-webkit-user-select:none;user-select:none;touch-action:none}.demo-root.is-guest{position:relative;inset:auto;z-index:0;width:100%;height:100%}.demo-root :where(.fam,.chip,.cat,.sb-title,.sb-meta b,.sheet h3,.bubble){font-family:var(--font-heading),"Gowun Dodum",sans-serif;font-weight:400}:where(body:has(.demo-root)) .scene{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:max(100vw,calc(100vh * 1.75));aspect-ratio:1659/948;cursor:grab}:where(body:has(.demo-root)) .scene:active{cursor:grabbing}:where(body:has(.demo-root)) .diorama-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:#15110d}:where(body:has(.demo-root)) .sun-glow{position:absolute;width:28%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;filter:blur(14px);transition:left 1.1s,top 1.1s,background 1.1s}:where(body:has(.demo-root)) .bg-nightdark{position:absolute;inset:0;pointer-events:none;background:radial-gradient(118% 90% at 50% 42%,transparent 20%,rgba(9,13,30,.58) 58%,rgba(6,9,22,.92) 100%);opacity:0;transition:opacity 1.4s ease}:where(body:has(.demo-root)) .t-night .bg-nightdark{opacity:1}:where(body:has(.demo-root)) .diorama-front{position:absolute;inset:0;z-index:25;pointer-events:none;background:transparent;transition:filter 1.1s ease}:where(body:has(.demo-root)) .front-tint{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;transition:opacity 1.1s,background-image 1.1s}:where(body:has(.demo-root)) .bgwrap{position:absolute;left:-12%;top:-30%;width:124%;height:136%;will-change:transform}:where(body:has(.demo-root)) .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease,transform .4s ease;image-rendering:auto}:where(body:has(.demo-root)) .bg-mute{position:absolute;inset:0;z-index:5;background:linear-gradient(180deg,#FBF2D4,#EADFC8);animation:bgmute .25s ease both}@keyframes bgmute{0%{opacity:0}to{opacity:1}}:where(body:has(.demo-root)) .bg.on{opacity:1}:where(body:has(.demo-root)) .bg-b .bg{transform:translate(100px,-50px)}:where(body:has(.demo-root)) .fg{position:absolute;inset:0;width:100%;height:100%;z-index:10;will-change:transform;transition:filter 1.1s ease}:where(body:has(.demo-root)) .plant{position:absolute;left:50%;bottom:calc(43% + 10px);width:42%;transform:translateX(-50%);transform-origin:50% 100%;pointer-events:none;z-index:6}:where(body:has(.demo-root)) .plant img{display:block;width:100%}:where(body:has(.demo-root)) .plant.wiggle{animation:wiggle .6s ease}@keyframes wiggle{0%,to{rotate:0deg}25%{rotate:-1.5deg}75%{rotate:1.5deg}}:where(body:has(.demo-root)) .bloomfx{position:absolute;left:50%;bottom:36%;width:56%;height:40%;transform:translateX(-50%);pointer-events:none;z-index:7;overflow:visible}:where(body:has(.demo-root)) .bloomfx .petal{position:absolute;top:-6%;width:9px;height:12px;border-radius:60% 60% 62% 62%/72% 72% 40% 40%;background:#F2A38C;opacity:0;animation-name:bloompetal;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes bloompetal{0%{opacity:0;transform:translateY(0) rotate(0)}14%{opacity:.9}to{opacity:0;transform:translateY(120px) rotate(300deg)}}@media (prefers-reduced-motion:reduce){:where(body:has(.demo-root)) .bloomfx{display:none}}:where(body:has(.demo-root)) .drops{position:absolute;left:50%;bottom:60%;transform:translateX(-50%);z-index:9;pointer-events:none}:where(body:has(.demo-root)) .drop{position:absolute;width:20px;height:30px;background:#7fc7e8;border-radius:0 60% 60% 60%;rotate:45deg;opacity:0}:where(body:has(.demo-root)) .drop.go{animation:drop .9s ease-in forwards}@keyframes drop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(110px)}}:where(body:has(.demo-root)) .fireflies{position:absolute;inset:0;z-index:15;pointer-events:none;opacity:0;transition:opacity 1.4s ease;will-change:transform}:where(body:has(.demo-root)) .t-night .fireflies{opacity:1}:where(body:has(.demo-root)) .dew{position:absolute;inset:0;z-index:13;pointer-events:none;opacity:0;transition:opacity 1.4s ease}:where(body:has(.demo-root)) .t-dawn .dew{opacity:1}:where(body:has(.demo-root)) .dew-mist{position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(0deg,rgba(150,192,214,.42),rgba(174,208,226,.18) 46%,transparent);mix-blend-mode:screen}:where(body:has(.demo-root)) .dew-drop{position:absolute;border-radius:50%;background:radial-gradient(circle,#fbffff 20%,rgba(190,226,240,.8) 55%,transparent 76%);box-shadow:0 0 6px 2px rgba(198,230,246,.6);animation:dewtwinkle 3s ease-in-out infinite}@keyframes dewtwinkle{0%,to{opacity:.12;transform:scale(.65)}50%{opacity:.92;transform:scale(1)}}:where(body:has(.demo-root)) .ff{position:absolute;border-radius:50%;background:radial-gradient(circle,#ecffb3 26%,rgba(124,206,74,.75) 56%,transparent 74%);box-shadow:0 0 16px 5px rgba(140,224,96,.85);animation:ffpulse 3s ease-in-out infinite}@keyframes ffpulse{0%,to{opacity:calc(var(--g,1) * .4);transform:scale(.85)}50%{opacity:var(--g,1);transform:scale(1.2)}}:where(body:has(.demo-root)) .decor-wrap{position:absolute;transform-origin:50% 100%}:where(body:has(.demo-root)) .decor-wrap.sel{outline:2px dashed rgba(154,92,50,.8);outline-offset:2px;border-radius:6px}:where(body:has(.demo-root)) .decor-item{display:block;width:100%;cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none;image-rendering:auto}:where(body:has(.demo-root)) .decor-item:active{cursor:grabbing}:where(body:has(.demo-root)) .deco-fx{position:absolute;left:50%;top:40%;pointer-events:none;z-index:60}:where(body:has(.demo-root)) .deco-fx-ring{position:absolute;left:0;top:0;width:46px;height:46px;margin:-23px;border-radius:50%;border:3px solid var(--gold-500);animation:fxRing .6s ease-out forwards}:where(body:has(.demo-root)) .deco-fx-icon{position:absolute;left:0;top:0;display:grid;place-items:center;width:34px;height:34px;margin:-17px;border-radius:50%;background:rgba(255,251,238,.95);color:var(--gold-600);box-shadow:0 4px 12px rgba(110,82,40,.3);animation:fxPop .85s cubic-bezier(.2,1.3,.4,1) forwards}@keyframes fxRing{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.8);opacity:0}}@keyframes fxPop{0%{transform:translateY(8px) scale(.5);opacity:0}25%{opacity:1}to{transform:translateY(-46px) scale(1);opacity:0}}:where(body:has(.demo-root)) .decor-tools{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:4px;border-radius:12px;white-space:nowrap;z-index:55}:where(body:has(.demo-root)) .decor-tools button{min-width:26px;height:26px;padding:0 6px;border:none;border-radius:8px;background:rgba(255,255,255,.7);color:var(--ink-900,#3a2f1c);font-size:.75rem;font-weight:800;cursor:pointer;line-height:1}:where(body:has(.demo-root)) .decor-tools button:active{transform:scale(.92)}:where(body:has(.demo-root)) .deco-menu{position:absolute;right:20px;bottom:92px;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:14px;z-index:43;pointer-events:auto}:where(body:has(.demo-root)) .deco-menu button{padding:9px 18px;border:none;border-radius:10px;background:rgba(255,255,255,.62);color:var(--ink-900,#3a2f1c);font-size:.813rem;font-weight:800;cursor:pointer;white-space:nowrap}:where(body:has(.demo-root)) .deco-menu button:active{transform:scale(.96)}:where(body:has(.demo-root)) .deco-menu button.on{background:var(--gold-500);color:var(--ink-900);box-shadow:0 0 0 2px var(--gold-600) inset}:where(body:has(.demo-root)) .deco-menu.bg-pick{max-height:46vh;overflow-y:auto}:where(body:has(.demo-root)) .bg-pick-sect{padding:4px 8px 2px;font-size:.656rem;font-weight:800;color:rgba(58,47,28,.62);letter-spacing:.02em}:where(body:has(.demo-root)) .bg-pick-sub{font-weight:600;opacity:.7}:where(body:has(.demo-root)) .deco-menu.dress-pick{width:min(78vw,300px);max-height:58vh;overflow-y:auto;gap:10px;padding:12px}:where(body:has(.demo-root)) .dress-head{font-size:.813rem;font-weight:900;color:var(--ink-900,#3a2f1c);padding:0 2px 2px}:where(body:has(.demo-root)) .dress-slot{display:flex;flex-direction:column;gap:6px}:where(body:has(.demo-root)) .dress-slot-name{font-size:.719rem;font-weight:800;color:#7a6a44}:where(body:has(.demo-root)) .dress-items{display:flex;flex-wrap:wrap;gap:7px}:where(body:has(.demo-root)) .dress-item{position:relative;width:48px;height:48px;padding:2px!important;border-radius:12px!important;background:rgba(255,255,255,.62);display:flex;align-items:center;justify-content:center;overflow:hidden}:where(body:has(.demo-root)) .dress-flip{position:absolute;right:1px;bottom:1px;font-size:.625rem;line-height:1;padding:1px 3px;border-radius:6px;background:var(--gold-600,#b98a3c);color:#fff;pointer-events:none}:where(body:has(.demo-root)) .dress-item img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}:where(body:has(.demo-root)) .dress-item.off{font-size:1rem;color:#9a8a6a}:where(body:has(.demo-root)) .dress-item.on{background:var(--gold-500)!important;box-shadow:0 0 0 2px var(--gold-600) inset}:where(body:has(.demo-root)) .dress-empty{font-size:.719rem;color:#9a8a6a;align-self:center}:where(body:has(.demo-root)) .dress-hint{font-size:.719rem;color:#7a6a44;line-height:1.5;padding:2px}:where(body:has(.demo-root)) .deco-menu.bgm-pick{width:min(82vw,320px);max-height:60vh;overflow-y:auto;gap:10px;padding:12px}:where(body:has(.demo-root)) .bgm-head{font-size:.813rem;font-weight:900;color:var(--ink-900,#3a2f1c);padding:0 2px 2px;display:flex;align-items:baseline;gap:6px}:where(body:has(.demo-root)) .bgm-sub{font-size:.656rem;font-weight:600;color:#9a8a6a}:where(body:has(.demo-root)) .bgm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:start}:where(body:has(.demo-root)) .bgm-disc{min-width:0;padding:0!important;border:none;background:none!important;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;box-shadow:none!important}:where(body:has(.demo-root)) .bgm-disc .disc{width:100%;aspect-ratio:1;border-radius:50%;background-color:#2c2620;background-size:cover;background-position:50%;position:relative;display:grid;place-items:center;color:#e8dcb5;box-shadow:0 1px 4px rgba(60,40,10,.25);border:1px solid rgba(0,0,0,.12)}:where(body:has(.demo-root)) .bgm-disc .disc:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:var(--gold-500,#d9b45a);box-shadow:0 0 0 3px rgba(0,0,0,.25)}:where(body:has(.demo-root)) .bgm-disc.default .disc{background:radial-gradient(circle at 50% 42%,#dfe7ef,#e6efd9)}:where(body:has(.demo-root)) .bgm-disc.default .disc:after{background:#8fa9c2}:where(body:has(.demo-root)) .bgm-disc.on .disc{outline:3px solid var(--gold-600,#b98a3c);outline-offset:2px}:where(body:has(.demo-root)) .bgm-disc.locked .disc{filter:grayscale(.7) opacity(.55)}:where(body:has(.demo-root)) .bgm-disc .disc-lock{position:absolute;z-index:2;color:#fff;background:rgba(40,30,12,.7);border-radius:50%;width:22px;height:22px;display:grid;place-items:center}:where(body:has(.demo-root)) .bgm-disc.locked .disc:after{display:none}:where(body:has(.demo-root)) .bgm-name{font-size:.625rem;font-weight:700;color:#5b4a26;line-height:1.25;text-align:center;width:100%;min-height:2.5em;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:where(body:has(.demo-root)) .bgm-now{display:flex;align-items:center;gap:6px;font-size:.688rem;font-weight:700;color:#7a6a44;background:rgba(255,255,255,.5);border-radius:10px;padding:7px 9px}:where(body:has(.demo-root)) .bgm-empty{border:none;background:rgba(255,255,255,.55);border-radius:11px;padding:11px;font-size:.719rem;font-weight:700;color:#7a6a44;cursor:pointer;line-height:1.45;text-align:left;width:100%}:where(body:has(.demo-root)) .bgm-tkc{display:flex;align-items:center;flex:0 0 auto}:where(body:has(.demo-root)) .bgm-ticker{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--gold-500);border-radius:50%;padding:0;cursor:pointer;color:#5b4a26;background:rgba(255,251,238,.72);backdrop-filter:blur(7px) saturate(1.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 14px rgba(110,82,40,.18)}:where(body:has(.demo-root)) .bgm-ticker:active{transform:scale(.94)}:where(body:has(.demo-root)) .bgm-ticker.paused{opacity:.55;border-color:#c9b98a}:where(body:has(.demo-root)) .bgm-caret{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--gold-500);border:1.5px solid #fffdf7;color:#fff}:where(body:has(.demo-root)) .bgm-eq{display:flex;align-items:flex-end;gap:2px;height:13px;flex-shrink:0}:where(body:has(.demo-root)) .bgm-eq i{width:3px;background:#8a6a2c;border-radius:2px;transform-origin:bottom;animation:bgmEq .9s ease-in-out infinite}:where(body:has(.demo-root)) .bgm-eq i:first-child{height:42%;animation-delay:0s}:where(body:has(.demo-root)) .bgm-eq i:nth-child(2){height:92%;animation-delay:.15s}:where(body:has(.demo-root)) .bgm-eq i:nth-child(3){height:62%;animation-delay:.3s}:where(body:has(.demo-root)) .bgm-eq.off i{animation:none;height:35%;opacity:.5}@keyframes bgmEq{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}:where(body:has(.demo-root)) .bgm-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(calc(100vw - 36px),300px);border-radius:16px;padding:9px;display:flex;flex-direction:column;gap:5px;box-shadow:0 10px 30px rgba(60,40,10,.26)}:where(body:has(.demo-root)) .bgm-menu.glass{background:rgba(255,252,243,.95)}:where(body:has(.demo-root)) .bgm-menu-head{font-size:.719rem;font-weight:900;color:#7a6a44;padding:2px 6px 4px;flex:0 0 auto}:where(body:has(.demo-root)) .bgm-menu-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;overscroll-behavior:contain;max-height:min(58vh,calc(100dvh - 170px))}:where(body:has(.demo-root)) .bgm-row{display:flex;align-items:center;gap:9px;border:none;background:rgba(255,255,255,.62);border-radius:10px;padding:9px 10px;cursor:pointer;color:#3a2f1c;font-size:.781rem;font-weight:700;text-align:left}:where(body:has(.demo-root)) .bgm-row:active{transform:scale(.98)}:where(body:has(.demo-root)) .bgm-row.on{background:var(--gold-500);box-shadow:0 0 0 2px var(--gold-600) inset}:where(body:has(.demo-root)) .bgm-row-cover{width:24px;height:24px;border-radius:50%;background:#2c2620 50%/cover;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.25)}:where(body:has(.demo-root)) .bgm-row-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(body:has(.demo-root)) .bgm-ck{margin-left:auto;color:#8a5c28;flex-shrink:0}@media (prefers-reduced-motion:reduce){:where(body:has(.demo-root)) .bgm-eq i{animation:none}:where(body:has(.demo-root)) .fam-tk-track.scroll{animation:none}:where(body:has(.demo-root)) .bgm-ticker:active{transform:none}}:where(body:has(.demo-root)) .deco-opts{position:absolute;right:25px;bottom:92px;display:flex;flex-direction:column;gap:10px;z-index:43;pointer-events:auto;align-items:flex-end}:where(body:has(.demo-root)) .deco-opts .nf-item{padding:0 9px 0 15px}@media (orientation:landscape){:where(body:has(.demo-root)) .deco-opts{gap:8px}:where(body:has(.demo-root)) .deco-opts .nf-item{padding:0 8px 0 13px}}:where(body:has(.demo-root)) .char{position:absolute;cursor:pointer;will-change:left,bottom,transform;z-index:10;transform-origin:50% 100%;transform:translateY(calc(-1 * var(--lift,0px)))}:where(body:has(.demo-root)) .char img{display:block;width:100%;pointer-events:none;image-rendering:auto}:where(body:has(.demo-root)) .char .flip{display:block;transform-origin:50% 50%}:where(body:has(.demo-root)) .char .body{position:relative;transform-origin:50% 100%;isolation:isolate}:where(body:has(.demo-root)) .char.hsz{height:var(--h);width:auto}:where(body:has(.demo-root)) .char.hsz .body,:where(body:has(.demo-root)) .char.hsz .flip{height:100%}:where(body:has(.demo-root)) .char.hsz img.sprite{height:100%;width:auto}:where(body:has(.demo-root)) .char .mood-face{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.72) 18%,transparent 40%);mask-image:linear-gradient(180deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.72) 18%,transparent 40%)}:where(body:has(.demo-root)) .char .mood-face>span{position:absolute;inset:0;mix-blend-mode:color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center}:where(body:has(.demo-root)) .char .shadow{position:absolute;left:50%;bottom:-7%;width:62%;height:11%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(50,40,30,.4),transparent 70%);pointer-events:none}:where(body:has(.demo-root)) .leaf{width:7.5%}:where(body:has(.demo-root)) .water{width:7.57%}:where(body:has(.demo-root)) .cloud{width:8.7%}:where(body:has(.demo-root)) .cloud .shadow{width:46%;opacity:.35;bottom:-55%}:where(body:has(.demo-root)) .breathe{animation:breathe var(--breathe-dur,3.2s) ease-in-out infinite}@keyframes breathe{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-3%) scaleY(1.025)}}:where(body:has(.demo-root)) .hop{animation:hop .42s ease-in-out infinite}@keyframes hop{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-12%) scaleY(1.04)}}:where(body:has(.demo-root)) .drift{animation:drift 4s ease-in-out infinite}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-12%)}}:where(body:has(.demo-root)) .jump{animation:jump .5s ease}@keyframes jump{0%{transform:translateY(0) scaleY(1)}25%{transform:translateY(0) scaleY(.82)}60%{transform:translateY(-30%) scaleY(1.1)}to{transform:translateY(0) scaleY(1)}}:where(body:has(.demo-root)) .blink{animation:blink .18s ease}@keyframes blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.93)}}:where(body:has(.demo-root)) .char .eyes-closed{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;image-rendering:auto}:where(body:has(.demo-root)) .char .body:has(.eyes-closed).blink{animation:none}:where(body:has(.demo-root)) .char .body:has(.eyes-closed).blink .eyes-closed{opacity:1}:where(body:has(.demo-root)) .tilt{animation:tilt .9s ease}@keyframes tilt{0%,to{transform:rotate(0)}30%{transform:rotate(-7deg)}70%{transform:rotate(5deg)}}:where(body:has(.demo-root)) .bubble{position:absolute;bottom:106%;left:50%;z-index:30;background:#FAF4E8;color:#5a4a3a;border:1px solid rgba(217,164,65,.38);padding:6px 14px;border-radius:16px;font-size:.938rem;font-weight:500;line-height:1.4;max-width:15em;width:max-content;white-space:normal;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;box-shadow:0 1px 2px rgba(90,74,58,.12),0 6px 16px rgba(90,74,58,.16),0 2px 4px rgba(217,164,65,.1);opacity:0;transform:translateX(-50%) translateY(6px) scale(.85);transition:transform .16s ease-in,opacity .16s ease-in}:where(body:has(.demo-root)) .bubble.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1);transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .22s ease-out}:where(body:has(.demo-root)) .bubble:after{content:"";position:absolute;bottom:-5px;left:50%;width:12px;height:12px;background:#FAF4E8;border:1px solid rgba(217,164,65,.38);border-top:none;border-left:none;border-radius:0 0 6px 0;box-shadow:2px 2px 4px rgba(90,74,58,.1);transform:translateX(-50%) rotate(45deg);z-index:-1}:where(body:has(.demo-root)) .bubclip{display:inline-block;max-width:100%;vertical-align:top}:where(body:has(.demo-root)) .bubtext{display:inline}:where(body:has(.demo-root)) .spic{display:inline-flex;vertical-align:-2px;margin-right:5px;color:var(--brand,#D9A441)}:where(body:has(.demo-root)) .spic svg{width:13px;height:13px;display:block}:where(body:has(.demo-root)) .bubble.ticker{white-space:nowrap}:where(body:has(.demo-root)) .bubble.ticker .bubclip{overflow:hidden}:where(body:has(.demo-root)) .bubble.ticker .bubtext{display:inline-block;white-space:nowrap;animation:tickerPass var(--ticker-ms,6s) linear 1 forwards}@keyframes tickerPass{0%{transform:translateX(0)}to{transform:translateX(calc(-100% + 190px))}}:where(body:has(.demo-root)) .bubble.wrap{white-space:normal}:where(body:has(.demo-root)) .bubble.frozen{width:15em;max-width:none;white-space:normal;overflow:visible;z-index:40}:where(body:has(.demo-root)) .bubble.frozen .bubclip{overflow:visible}:where(body:has(.demo-root)) .bubble.frozen .bubtext{display:block;white-space:normal;word-break:break-all;animation:none;transform:none}@media (prefers-reduced-motion:reduce){:where(body:has(.demo-root)) .bubble.ticker{white-space:normal}:where(body:has(.demo-root)) .bubble.ticker .bubclip{overflow:visible}:where(body:has(.demo-root)) .bubble.ticker .bubtext{white-space:normal;animation:none}}:where(body:has(.demo-root)) .char .nametag{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);font-family:var(--font-heading),"Gowun Dodum",sans-serif;font-size:.719rem;line-height:1;color:#5a4a3a;background:rgba(255,255,255,.86);padding:2.5px 8px;border-radius:999px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 6px rgba(50,40,30,.16);z-index:20}:where(body:has(.demo-root)) .heart{position:absolute;bottom:100%;left:50%;font-size:15px;transform:translateX(-50%);opacity:0;pointer-events:none;z-index:31}:where(body:has(.demo-root)) .heart.pop{animation:heart 1s ease forwards}@keyframes heart{0%{opacity:0;transform:translate(-50%) scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-40px) scale(1.1)}}:where(body:has(.demo-root)) .tint{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;transition:opacity 1.1s,background-image 1.1s;z-index:11}:where(body:has(.demo-root)) .plant-grain{position:absolute;inset:0;pointer-events:none;z-index:12}:where(body:has(.demo-root)) .bg-lights{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:9}:where(body:has(.demo-root)) .bg-lightgrp{position:absolute;inset:0;pointer-events:none;will-change:transform}:where(body:has(.demo-root)) .pan{position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:34px;height:34px;border-radius:50%;background:rgba(255,251,235,.5);color:#6e5836;display:grid;place-items:center;font-family:Jua;font-size:20px;cursor:pointer;box-shadow:0 2px 8px rgba(110,80,40,.2)}:where(body:has(.demo-root)) .pan.l{left:14px}:where(body:has(.demo-root)) .pan.r{right:14px}:where(body:has(.demo-root)) .glass{background:rgba(255,251,238,.82);backdrop-filter:blur(7px) saturate(1.1);border:1px solid rgba(120,98,52,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 6px 16px rgba(110,82,40,.16)}:where(body:has(.demo-root)) .hud{position:absolute;inset:0;z-index:40;transition:opacity .35s ease;pointer-events:none}:where(body:has(.demo-root)) .hud.hide{opacity:0;pointer-events:none}:where(body:has(.demo-root)) .chrome-hidden .hud{opacity:0;pointer-events:none}:where(body:has(.demo-root)) .chrome-hidden .snd{opacity:0;pointer-events:none}:where(body:has(.demo-root)) .deco-grid{position:absolute;inset:0;z-index:5;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 0);background-size:28px 28px;clip-path:circle(0 at calc(100% - 49px) calc(100% - 51px));transition:clip-path .75s cubic-bezier(.22,1,.36,1)}:where(body:has(.demo-root)) .deco-grid.open{clip-path:circle(160% at calc(100% - 49px) calc(100% - 51px))}:where(body:has(.demo-root)) .gnb{position:absolute;top:0;left:0;right:0;padding:16px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}:where(body:has(.demo-root)) .gnb>*{pointer-events:auto}:where(body:has(.demo-root)) .gnb-l{display:flex;align-items:center;gap:8px;min-width:0}:where(body:has(.demo-root)) .fam{display:flex;align-items:center;gap:6px;height:40px;padding:0;border-radius:12px;font-size:1rem;color:var(--ink-900);min-width:0;flex:0 1 auto;background:none;border:none;box-shadow:none;text-shadow:0 1px 2px rgba(255,255,255,.9),0 0 7px rgba(255,255,255,.75)}:where(body:has(.demo-root)) .fam-btn{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(body:has(.demo-root)) .fam-btn:focus-visible{outline:2px solid var(--green-700);outline-offset:2px}:where(body:has(.demo-root)) .fam-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--green-600);box-shadow:0 0 0 2px rgba(255,255,255,.6)}:where(body:has(.demo-root)) .fam .plus{color:#fff;background:var(--green-700);font-size:.688rem;width:17px;height:17px;border-radius:5px;display:grid;place-items:center}:where(body:has(.demo-root)) .fam-tk{display:block;width:5em;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}:where(body:has(.demo-root)) .fam-tk-track{display:inline-flex;white-space:nowrap;will-change:transform}:where(body:has(.demo-root)) .fam-tk-track.scroll{animation:famTicker linear infinite}:where(body:has(.demo-root)) .fam-tk-txt{white-space:nowrap}:where(body:has(.demo-root)) .fam-tk-track.scroll .fam-tk-txt{padding-right:1.6em}@keyframes famTicker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}:where(body:has(.demo-root)) .gnb-r{display:flex;align-items:center;gap:9px;flex:0 0 auto;position:relative;z-index:45}:where(body:has(.demo-root)) .gnb-r>*{flex-shrink:0}:where(body:has(.demo-root)) .gbtn{position:relative;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;cursor:pointer;color:#5e5238;background:var(--frost-bg)}:where(body:has(.demo-root)) .gnb-btn{background:rgba(255,251,238,.72);backdrop-filter:blur(7px) saturate(1.1);border:1.5px solid var(--gold-500);color:#5b4a26;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 14px rgba(110,82,40,.18)}:where(body:has(.demo-root)) .gbtn.gnb-btn{border-radius:50%;background:rgba(255,251,238,.72)}:where(body:has(.demo-root)) .gbtn.gnb-btn:active{transform:scale(.94)}:where(body:has(.demo-root)) .gbtn.timering{border:0;padding:0}:where(body:has(.demo-root)) .chip.sap.gnb-btn,:where(body:has(.demo-root)) .chip.sesame.gnb-btn{background:rgba(255,251,238,.72);border:1.5px solid var(--gold-500);color:#5b4a26;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 14px rgba(110,82,40,.18)}:where(body:has(.demo-root)) .gbtn.on{background:var(--gold-500);color:var(--ink-900)}:where(body:has(.demo-root)) .badge{position:absolute;top:-4px;right:-4px;min-width:1.7em;height:1.7em;padding:0 .35em;border-radius:999px;background:#e2604f;color:#fff;font-size:.625rem;font-family:Jua;display:grid;place-items:center;border:2px solid #fff8e6}:where(body:has(.demo-root)) .chip{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;min-width:64px;padding:0 14px;border-radius:14px;font-size:.938rem;font-family:Jua;cursor:pointer;position:relative;overflow:hidden;transition:transform .13s}:where(body:has(.demo-root)) .chip:active{transform:translateY(1px) scale(.97)}:where(body:has(.demo-root)) .chip.sesame{background:var(--gold-500);color:var(--ink-900);border:1px solid var(--gold-600);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 5px 12px rgba(185,133,46,.3)}:where(body:has(.demo-root)) .chip.sap{background:rgba(120,150,165,.22);color:#235974;border:1px solid #7fb3ca;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 5px 12px rgba(60,120,150,.22)}:where(body:has(.demo-root)) .chip.sap .sap-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#7cbbdd,#3f8db0);transition:width .5s ease;z-index:0}:where(body:has(.demo-root)) .chip.sap .sap-body{position:relative;z-index:1;display:flex;align-items:center;gap:7px;text-shadow:0 1px 2px rgba(255,255,255,.6)}:where(body:has(.demo-root)) .sap-pop{position:absolute;top:48px;right:0;width:158px;padding:12px 14px;border-radius:14px;background:rgba(255,251,238,.95);backdrop-filter:blur(8px);border:1px solid rgba(120,98,52,.22);box-shadow:0 12px 26px rgba(60,90,110,.2);font-size:.75rem;color:#2e5a7e;opacity:0;transform:translateY(-6px);pointer-events:none;transition:.2s;font-family:Gowun Dodum}:where(body:has(.demo-root)) .chip.sap.open .sap-pop{opacity:1;transform:translateY(0)}:where(body:has(.demo-root)) .sap-pop b{font-family:Jua;font-size:.938rem;color:#235974}:where(body:has(.demo-root)) .sap-pop .bar{margin-top:8px;height:8px;border-radius:5px;background:rgba(35,89,116,.16);overflow:hidden}:where(body:has(.demo-root)) .sap-pop .bar i{display:block;height:100%;width:62%;background:linear-gradient(90deg,#6fb0d4,#3f8db0)}:where(body:has(.demo-root)) .navfab{position:relative;flex:none;z-index:44}:where(body:has(.demo-root)) .nf-scrim{position:fixed;inset:0;z-index:-1;border:0;padding:0;background:rgba(30,24,12,.18);cursor:default;-webkit-tap-highlight-color:transparent}:where(body:has(.demo-root)) .nf-home{width:44px;height:44px;border-radius:14px;padding:0;cursor:pointer;display:grid;place-items:center;background:var(--frost-bg);backdrop-filter:var(--frost-blur);border:1.5px solid var(--green-800);color:var(--green-900);box-shadow:var(--frost-shadow);transition:.24s cubic-bezier(.2,.9,.3,1)}:where(body:has(.demo-root)) .nf-home svg [opacity]{opacity:.92}:where(body:has(.demo-root)) .nf-home:active{transform:scale(.94)}:where(body:has(.demo-root)) .navfab.open .nf-home{transform:rotate(60deg);background:linear-gradient(#e8efd9,#cfe0b6)}:where(body:has(.demo-root)) .nf-menu{position:absolute;left:0;top:calc(100% + 8px);display:flex;flex-direction:column;gap:8px;transform-origin:top left;transition:transform .24s cubic-bezier(.2,.9,.3,1),opacity .24s}:where(body:has(.demo-root)) .navfab:not(.open) .nf-menu{opacity:0;transform:translateY(-8px) scale(.92);pointer-events:none}:where(body:has(.demo-root)) .navfab.open .nf-menu{opacity:1;transform:none}:where(body:has(.demo-root)) .nf-item{display:flex;align-items:center;gap:9px;height:40px;padding:0 15px 0 9px;border-radius:14px;cursor:pointer;white-space:nowrap;color:#4a5c3f;font-family:inherit;font-size:.875rem;font-weight:700;background:rgba(255,251,238,.86);backdrop-filter:var(--frost-blur);border:1px solid var(--frost-line);box-shadow:var(--frost-shadow);transition:transform .14s}:where(body:has(.demo-root)) .nf-item:active{transform:scale(.96)}:where(body:has(.demo-root)) .nf-item .nfi{display:grid;place-items:center;flex:none;color:var(--green-700)}:where(body:has(.demo-root)) .nf-label{line-height:1}@media (orientation:landscape){:where(body:has(.demo-root)) .nf-menu{gap:6px}:where(body:has(.demo-root)) .nf-item{height:36px;padding:0 13px 0 8px}}:where(body:has(.demo-root)) .fbtn{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:var(--frost-bg);backdrop-filter:var(--frost-blur);border:1px solid var(--frost-line);box-shadow:var(--frost-shadow);transition:.18s}:where(body:has(.demo-root)) .fbtn-on{background:linear-gradient(var(--gold-500),var(--gold-600));border-color:var(--gold-600);color:var(--ink-900);box-shadow:inset 0 0 0 3px rgba(255,255,255,.5),0 8px 20px rgba(150,108,52,.36)}:where(body:has(.demo-root)) .deco{position:absolute;right:20px;bottom:22px;border:none;background:none;cursor:pointer;z-index:42;pointer-events:auto}:where(body:has(.demo-root)) .deco .b{color:#9a5c32}:where(body:has(.demo-root)) .deco.on .b{color:var(--ink-900)}:where(body:has(.demo-root)) .deco:hover .b{transform:translateY(-3px) rotate(-3deg)}:where(body:has(.demo-root)) .picker-open .mode,:where(body:has(.demo-root)) .picker-open .snd{z-index:39}:where(body:has(.demo-root)) .mode{position:absolute;right:18px;top:66px;z-index:44;border:none;background:none;cursor:pointer;color:#5e5238;transition:opacity .45s ease}:where(body:has(.demo-root)) .mode:hover .mb{transform:translateY(-3px)}:where(body:has(.demo-root)) .mode-hidden .mode{opacity:0;pointer-events:none}:where(body:has(.demo-root)) .snd{position:absolute;right:18px;top:134px;z-index:44;border:none;background:none;color:#5e5238;cursor:pointer}:where(body:has(.demo-root)) .snd:hover .sb{transform:translateY(-3px)}:where(body:has(.demo-root)) .toast{position:absolute;top:70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:rgba(22,29,39,.94);color:var(--sand-50);font-size:.813rem;font-weight:700;white-space:nowrap;box-shadow:0 10px 24px rgba(20,26,36,.34);z-index:50;animation:toastin .45s cubic-bezier(.2,1.3,.4,1) both}@keyframes toastin{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}:where(body:has(.demo-root)) .sbscrim,:where(body:has(.demo-root)) .scrim{position:absolute;inset:0;background:rgba(46,34,14,.3)}:where(body:has(.demo-root)) .scrim{z-index:46}:where(body:has(.demo-root)) .sbscrim{z-index:47}:where(body:has(.demo-root)) .sheet{position:absolute;left:0;right:0;bottom:0;z-index:48;transform:translateY(103%);transition:transform .36s cubic-bezier(.2,.9,.25,1);background:linear-gradient(#fffaf0,#fbf0d4);border-radius:24px 24px 0 0;border-top:1px solid #e8d3a4;box-shadow:0 -12px 34px rgba(80,58,28,.2);padding:6px 24px 22px;max-height:60%;max-width:520px;margin:0 auto}:where(body:has(.demo-root)) .sheet.up{transform:translateY(0)}:where(body:has(.demo-root)) .grab{width:42px;height:5px;border-radius:3px;background:#e0cda0;margin:8px auto 14px}:where(body:has(.demo-root)) .sheet h3{font-size:1rem;margin:0 0 12px;color:#5b4a26}:where(body:has(.demo-root)) .inbox-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}:where(body:has(.demo-root)) .inbox-more{border:none;background:none;font-size:.75rem;color:var(--gold-600,#b9852e);cursor:pointer;padding:4px 2px;font-family:Gowun Dodum}:where(body:has(.demo-root)) .inbox-empty{padding:26px 4px;text-align:center;font-size:.813rem;color:#a98f56}:where(body:has(.demo-root)) .inbox-row{display:flex;gap:12px;padding:11px 4px;border-bottom:1px dashed #ead7a8;position:relative}:where(body:has(.demo-root)) .inbox-row.unread{background:linear-gradient(90deg,rgba(255,240,200,.5),transparent)}:where(body:has(.demo-root)) .inbox-row.unread:before{content:"";position:absolute;left:-4px;top:16px;width:6px;height:6px;border-radius:50%;background:#e2604f}:where(body:has(.demo-root)) .inbox-row .av{width:34px;height:34px;border-radius:10px;flex:none;border:1.5px solid #5a6b3a;background:radial-gradient(#a9cf6a,#82ac49)}:where(body:has(.demo-root)) .inbox-row .av.c{background:radial-gradient(#f4e8b8,#e8d08a);border-color:#caa863}:where(body:has(.demo-root)) .inbox-row p{margin:0;font-size:.813rem;color:#6e5c3c}:where(body:has(.demo-root)) .inbox-row b{font-family:Jua;color:#5b4a26}:where(body:has(.demo-root)) .inbox-row time{font-size:.688rem;color:#a98f56}:where(body:has(.demo-root)) .inbox-body{flex:1;min-width:0}:where(body:has(.demo-root)) .inbox-row.go{cursor:pointer;align-items:center;border-radius:10px;transition:background .15s}:where(body:has(.demo-root)) .inbox-row.go:hover{background:linear-gradient(90deg,rgba(255,240,200,.7),rgba(255,240,200,.15))}:where(body:has(.demo-root)) .inbox-row.go:active{background:rgba(255,236,190,.85)}:where(body:has(.demo-root)) .inbox-go{flex:none;color:#b79a5c;display:grid;place-items:center}:where(body:has(.demo-root)) .sidebar{position:absolute;top:0;right:0;bottom:0;width:min(88vw,400px);z-index:48;transform:translateX(103%);transition:transform .38s cubic-bezier(.2,.9,.22,1);background:linear-gradient(160deg,#fffaf0,#fbefd2);border-left:1px solid #e6cf9f;box-shadow:-18px 0 40px rgba(80,58,28,.22);border-radius:26px 0 0 26px;display:flex;flex-direction:column}:where(body:has(.demo-root)) .sidebar.open{transform:translateX(0)}:where(body:has(.demo-root)) .sb-head{flex:none;padding:14px 16px 10px;border-bottom:1px solid #efe0bb}:where(body:has(.demo-root)) .sb-head-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}:where(body:has(.demo-root)) .sb-title{font-size:1rem;color:#5b4a26}:where(body:has(.demo-root)) .sb-close{width:32px;height:32px;border-radius:10px;border:1px solid rgba(120,98,52,.22);background:#fffdf3;cursor:pointer;display:grid;place-items:center}:where(body:has(.demo-root)) .cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}:where(body:has(.demo-root)) .cats::-webkit-scrollbar{height:5px}:where(body:has(.demo-root)) .cats::-webkit-scrollbar-thumb{background:#e0cda0;border-radius:3px}:where(body:has(.demo-root)) .cat{flex:none;font-size:.75rem;padding:6px 13px;border-radius:999px;border:1px solid rgba(120,98,52,.22);background:#fffdf3;color:#8a7450;cursor:pointer;white-space:nowrap;transition:.14s}:where(body:has(.demo-root)) .cat em{font-style:normal;opacity:.6;font-size:.688rem;margin-left:1px}:where(body:has(.demo-root)) .cat.on{background:var(--gold-500);color:var(--ink-900);border-color:var(--gold-600)}:where(body:has(.demo-root)) .cat:active{transform:scale(.95)}:where(body:has(.demo-root)) .sb-body{flex:1;overflow-y:auto;padding:14px 14px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:11px;align-content:start}:where(body:has(.demo-root)) .sb-body::-webkit-scrollbar{width:6px}:where(body:has(.demo-root)) .sb-body::-webkit-scrollbar-thumb{background:#e0cda0;border-radius:3px}:where(body:has(.demo-root)) .sb-item{display:flex;flex-direction:column;border-radius:14px;background:#fffdf6;border:1px solid rgba(120,98,52,.18);box-shadow:0 3px 8px rgba(150,110,52,.08);cursor:pointer;transition:.16s;overflow:hidden;padding:0;font:inherit;text-align:center}:where(body:has(.demo-root)) .sb-item:focus-visible,:where(body:has(.demo-root)) .sb-item:hover{transform:translateY(-3px);border-color:#82ac49;box-shadow:0 9px 18px rgba(150,110,52,.18);outline:none}:where(body:has(.demo-root)) .sb-thumb{position:relative;aspect-ratio:1/1;display:grid;place-items:center;padding:11px;background:linear-gradient(#fcf6e3,#f1e6c2)}:where(body:has(.demo-root)) .sb-thumb img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(120,90,40,.18))}:where(body:has(.demo-root)) .sb-add{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background:#82ac49;color:#fff;font-size:.813rem;font-weight:700;line-height:20px;text-align:center;opacity:0;transform:scale(.5);transition:.16s;box-shadow:0 2px 5px rgba(90,107,58,.5)}:where(body:has(.demo-root)) .sb-item:focus-visible .sb-add,:where(body:has(.demo-root)) .sb-item:hover .sb-add{opacity:1;transform:scale(1)}:where(body:has(.demo-root)) .sb-meta{padding:6px 7px;border-top:1px solid #efe2c0;background:#fffdf8}:where(body:has(.demo-root)) .sb-meta b{display:block;font-size:.688rem;line-height:1.3;color:#5b4a26;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(body:has(.demo-root)) .sb-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;color:#9a875f;padding:48px 16px;font-size:.813rem;text-align:center}:where(body:has(.demo-root)) .sb-empty-ico{opacity:.5}:where(body:has(.demo-root)) .sb-empty em{font-style:normal;font-size:.688rem;opacity:.7}:where(body:has(.demo-root)) .dlg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:61;width:min(360px,86vw);background:linear-gradient(#fffaf0,#fbf0d4);border-radius:22px;border:1px solid #e6cf9f;box-shadow:0 24px 60px rgba(60,44,20,.4);overflow:hidden;animation:dlgin .3s cubic-bezier(.2,1.2,.4,1) both}@keyframes dlgin{0%{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}:where(body:has(.demo-root)) .dlg-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px}:where(body:has(.demo-root)) .dlg-avwrap{position:relative;flex:none;width:54px;height:54px}:where(body:has(.demo-root)) .dlg-av{width:54px;height:54px;border-radius:14px;background:#fffdf6;border:1.5px solid var(--sand-300);object-fit:contain;flex:none;display:block}:where(body:has(.demo-root)) .dlg-av.is-photo{object-fit:cover;background:#fff}:where(body:has(.demo-root)) .dlg-av-nano{position:absolute;right:-5px;bottom:-5px;width:24px;height:24px;border-radius:999px;border:2.5px solid #fff;background:#fffdf6;object-fit:contain;box-shadow:0 2px 5px rgba(0,0,0,.14)}:where(body:has(.demo-root)) .dlg-head b{font-family:var(--font-heading);font-size:1.063rem;color:var(--ink-900)}:where(body:has(.demo-root)) .dlg-mood{font-size:.75rem;color:#8a7450;margin-top:2px}:where(body:has(.demo-root)) .dlg-x{margin-left:auto;width:32px;height:32px;border-radius:10px;border:1px solid var(--sand-300);background:#fffdf3;cursor:pointer;display:grid;place-items:center}:where(body:has(.demo-root)) .dlg-tabs{display:flex;gap:6px;padding:0 16px;border-bottom:1px solid #efe0bb}:where(body:has(.demo-root)) .dlg-tabs button{flex:1;font-family:var(--font-heading);font-size:.813rem;padding:9px 0;background:transparent;color:#9a8358;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}:where(body:has(.demo-root)) .dlg-tabs button.on{color:var(--ink-900);border-bottom-color:var(--gold-500)}:where(body:has(.demo-root)) .dlg-body{padding:14px 18px 20px;min-height:128px;font-size:.813rem;color:#6e5c3c}:where(body:has(.demo-root)) .dlg-news{list-style:none;margin:0;padding:0}:where(body:has(.demo-root)) .dlg-news li{padding:9px 0;border-bottom:1px dashed #ead7a8;display:flex;gap:8px}:where(body:has(.demo-root)) .dlg-news li:before{content:"•";color:var(--gold-500)}:where(body:has(.demo-root)) .dlg-moodbig{text-align:center;padding:6px 0}:where(body:has(.demo-root)) .dlg-moodbig .em{font-size:2.625rem;line-height:1.1}:where(body:has(.demo-root)) .moods{display:flex;justify-content:center;gap:12px;margin-top:14px;font-size:1.5rem}:where(body:has(.demo-root)) .moods span{cursor:pointer;opacity:.45;transition:.15s}:where(body:has(.demo-root)) .moods span:hover{opacity:1;transform:scale(1.2)}:where(body:has(.demo-root)) .dlg-greet textarea{width:100%;height:66px;border-radius:12px;border:1px solid var(--sand-300);background:#fffdf6;padding:10px;font-family:inherit;font-size:.813rem;resize:none;box-sizing:border-box;color:#5b4a26}:where(body:has(.demo-root)) .dlg-send{margin-top:10px;width:100%;height:42px;border:none;border-radius:12px;background:var(--gold-500);color:var(--ink-900);font-family:var(--font-heading);font-size:.875rem;cursor:pointer}:where(body:has(.demo-root)) .dlg-send:disabled{opacity:.5;cursor:default}:where(body:has(.demo-root)) .dlg-hint{margin:0 0 10px;font-size:.75rem;color:#9a8358;text-align:center}:where(body:has(.demo-root)) .dlg-moods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}:where(body:has(.demo-root)) .dlg-moods button{border:1.5px solid;border-radius:14px;padding:11px 0;font-family:var(--font-heading);font-size:.813rem;cursor:pointer;transition:.12s}:where(body:has(.demo-root)) .dlg-moods button:hover:not(:disabled){filter:brightness(.97)}:where(body:has(.demo-root)) .dlg-moods button:disabled{opacity:.6;cursor:default}:where(body:has(.demo-root)) .dlg-tab-dot{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#e0533b;vertical-align:2px}:where(body:has(.demo-root)) .dlg-attach{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 6px;margin-top:9px;padding:10px 0;border:1.5px dashed var(--sand-300);border-radius:12px;background:#fffdf6;color:#8a7450;font-size:.781rem;font-family:var(--font-heading);cursor:pointer}:where(body:has(.demo-root)) .dlg-attach-lim{flex-basis:100%;text-align:center;font-family:var(--font-sans);font-size:.656rem;color:#a89572}:where(body:has(.demo-root)) .dlg-attach:active{background:#faf2dd}:where(body:has(.demo-root)) .dlg-attachprev{position:relative;display:flex;align-items:center;gap:10px;margin-top:9px;padding:8px;border:1px solid var(--sand-300);border-radius:12px;background:#fffdf6}:where(body:has(.demo-root)) .dlg-attachprev img,:where(body:has(.demo-root)) .dlg-attachprev video{width:54px;height:54px;border-radius:9px;object-fit:cover;background:#111;flex:none}:where(body:has(.demo-root)) .dlg-attachnote{flex:1;min-width:0;font-size:.719rem;color:#9a8358;line-height:1.45}:where(body:has(.demo-root)) .dlg-attachx{width:28px;height:28px;border-radius:9px;border:1px solid var(--sand-300);background:#fffdf3;cursor:pointer;display:grid;place-items:center;flex:none}:where(body:has(.demo-root)) .dlg-moodrow{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:9px}:where(body:has(.demo-root)) .dlg-moodrow button{border:1.5px solid;border-radius:11px;padding:7px 0;font-family:var(--font-heading);font-size:.688rem;cursor:pointer;transition:.12s}:where(body:has(.demo-root)) .dlg-moodrow button:disabled{opacity:.6;cursor:default}:where(body:has(.demo-root)) .dlg-acts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;max-height:46vh;overflow-y:auto}:where(body:has(.demo-root)) .dlg-acts button{display:flex;align-items:center;gap:9px;width:100%;padding:10px 11px;border:1px solid var(--sand-300);border-radius:13px;background:#fffdf6;cursor:pointer;text-align:left}:where(body:has(.demo-root)) .dlg-acts button:active{transform:scale(.985)}:where(body:has(.demo-root)) .dlg-act-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;flex:none;background:#F5E6B7;color:#8a6a1e}:where(body:has(.demo-root)) .dlg-act-ic.anniv{background:#fbe3da;color:#b45a40}:where(body:has(.demo-root)) .dlg-act-ic.capsule_write{background:#e9e0cf;color:#6e5a37}:where(body:has(.demo-root)) .dlg-act-ic.capsule_open{background:#dce8df;color:#42705a}:where(body:has(.demo-root)) .dlg-act-title{flex:1;min-width:0;font-size:.813rem;font-weight:700;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(body:has(.demo-root)) .dlg-act-meta{flex:none;font-size:.688rem;font-weight:800;color:#9a8358;background:#f6ecd2;border-radius:999px;padding:3px 8px}:where(body:has(.demo-root)) .dlg-actload{height:64px;display:grid;place-items:center}:where(body:has(.demo-root)) .dlg-actload:after{content:"";width:20px;height:20px;border-radius:50%;border:2.5px solid #e0d0a4;border-top-color:transparent;animation:dlgspin .8s linear infinite}@keyframes dlgspin{to{rotate:1turn}}:where(body:has(.demo-root)) .dlg-pair{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:.75rem;color:#8a7450;cursor:pointer}:where(body:has(.demo-root)) .dlg-pair input{width:16px;height:16px;accent-color:var(--gold-500)}:where(body:has(.demo-root)) .dlg-voice{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed #ead7a8;font-size:.75rem;color:#8a7450}:where(body:has(.demo-root)) .dlg-voice>span{display:inline-flex;align-items:center;gap:5px}:where(body:has(.demo-root)) .dlg-voice button{margin-left:auto;border:1px solid var(--sand-300);background:#fffdf6;border-radius:999px;padding:6px 13px;font-size:.75rem;font-family:var(--font-heading);color:#6e5c3c;cursor:pointer}:where(body:has(.demo-root)) .dlg-voice button:disabled{opacity:.6;cursor:default}:where(body:has(.demo-root)) .dlg-voice button.rec.on{border-color:#d9776b;color:#fff;background:#d9776b;animation:recpulse 1s infinite}@keyframes recpulse{0%,to{opacity:1}50%{opacity:.6}}:where(body:has(.demo-root)) .fab-col{position:absolute;left:14px;top:112px;z-index:42;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px}:where(body:has(.demo-root)) .fab-col>*,:where(body:has(.demo-root)) .fab-slot>*{pointer-events:auto}:where(body:has(.demo-root)) .fab-col.is-off{display:none}:where(body:has(.demo-root)) .fab-slot{display:contents}:where(body:has(.demo-root)) .lane-fab{position:relative;display:grid;place-items:center;flex:0 0 auto;width:56px;height:56px;border-radius:999px;border:2.5px solid var(--gold-500);padding:0;cursor:pointer;background:radial-gradient(70% 70% at 42% 32%,#FFFDF6,#FBF3DF 62%,#F3E7C6);box-shadow:0 4px 12px rgba(150,108,52,.26),inset 0 -4px 10px rgba(190,150,80,.14)}:where(body:has(.demo-root)) .lane-fab:active{transform:scale(.95)}:where(body:has(.demo-root)) .lane-fab img{display:block;pointer-events:none;user-select:none}:where(body:has(.demo-root)) .quest-fab{border-color:#6AA083}:where(body:has(.demo-root)) .shop-fab{border-color:#A65A2E}:where(body:has(.demo-root)) .lane-badge{position:absolute;top:-6px;right:-6px;min-width:1.7em;height:1.7em;padding:0 .35em;display:grid;place-items:center;border-radius:999px;background:#d9776b;color:#fff;font-size:.688rem;font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.22);border:2px solid #fffbee}:where(body:has(.demo-root)) .lane-dot{position:absolute;top:-1px;right:-1px;width:12px;height:12px;border-radius:999px;background:#d9776b;border:2px solid #fffbee;box-shadow:0 1px 3px rgba(0,0,0,.22)}:where(body:has(.demo-root)) .quest-fab.is-new:after{content:"";position:absolute;inset:-4px;border-radius:999px;border:2px solid rgba(106,160,131,.75);animation:mfabpulse 1.8s ease-out infinite;pointer-events:none}@keyframes mfabpulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.24);opacity:0}to{opacity:0}}:where(body:has(.demo-root)) .lane-row{display:flex;align-items:center;gap:8px}:where(body:has(.demo-root)) .lane-bubble{max-width:190px;border-radius:16px;border-bottom-left-radius:5px;border:1px solid #eadfc8;background:#fff;padding:7px 11px;font-size:.75rem;font-weight:700;color:#29251D;box-shadow:0 6px 16px rgba(90,74,58,.18);animation:lanebub .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes lanebub{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}:where(body:has(.demo-root)) .prize-scrim{position:absolute;inset:0;z-index:70;background:rgba(46,34,14,.45);backdrop-filter:blur(2px)}:where(body:has(.demo-root)) .prize{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:71;width:min(340px,88vw);text-align:center;background:linear-gradient(160deg,#fff6e0,#ffe7bc);border:2px solid var(--gold-500);border-radius:24px;padding:24px 22px;box-shadow:0 24px 60px rgba(120,80,20,.42);animation:prizein .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes prizein{0%{opacity:0;transform:translate(-50%,-50%) scale(.78) rotate(-4deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}:where(body:has(.demo-root)) .prize-emoji{font-size:2.625rem;animation:pbounce 1.1s ease-in-out infinite}@keyframes pbounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(4deg)}}:where(body:has(.demo-root)) .prize-h{font-family:var(--font-heading);font-size:1.438rem;color:#9a5c32;margin:8px 0 4px}:where(body:has(.demo-root)) .prize-p{font-family:var(--font-heading);font-size:.938rem;color:#6e4022;margin:0 0 22px}:where(body:has(.demo-root)) .prize-reward{display:block;margin-top:6px;font-weight:800;color:#9a5c32}:where(body:has(.demo-root)) .prize-btns{display:flex;gap:14px;justify-content:center;align-items:center;min-height:48px}:where(body:has(.demo-root)) .prize-yes{height:48px;padding:0 28px;border:none;border-radius:14px;background:var(--gold-500);color:var(--ink-900);font-family:var(--font-heading);font-size:1rem;cursor:pointer;box-shadow:0 5px 0 var(--gold-600);transition:.12s}:where(body:has(.demo-root)) .prize-yes:hover{transform:translateY(-2px)}:where(body:has(.demo-root)) .prize-yes:active{transform:translateY(2px);box-shadow:0 2px 0 var(--gold-600)}:where(body:has(.demo-root)) .prize-no{height:42px;padding:0 18px;border:1px solid var(--sand-300);border-radius:14px;background:#fffdf6;color:#9a8358;font-family:var(--font-heading);font-size:.875rem;cursor:pointer;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}:where(body:has(.demo-root)) .auth-ov{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:url(https://kgm4ebjofofpcb2z.public.blob.vercel-storage.com/assets/background/refine-pWd7gwam6AIo0LqImble9PKmkyoPIE.webp) 50%/cover no-repeat,#2a2418}:where(body:has(.demo-root)) .auth-card{display:flex;flex-direction:column;gap:12px;width:min(320px,86vw);padding:24px 22px;border-radius:22px;background:rgba(255,253,248,.5);backdrop-filter:blur(10px) saturate(1.1);border:1px solid rgba(255,255,255,.5);box-shadow:0 24px 60px rgba(40,30,12,.35)}:where(body:has(.demo-root)) .auth-brand{font-family:var(--font-heading);font-weight:700;font-size:1.375rem;color:var(--ink-900);text-align:center;margin-bottom:4px}:where(body:has(.demo-root)) .auth-in{height:48px;border-radius:13px;border:1px solid rgba(120,98,52,.3);background:rgba(255,255,255,.7);padding:0 14px;font-size:.938rem;color:#3a2e16;outline:none}:where(body:has(.demo-root)) .auth-in:focus{border-color:var(--gold-500);background:rgba(255,255,255,.88)}:where(body:has(.demo-root)) .auth-pw{position:relative;display:flex}:where(body:has(.demo-root)) .auth-pw .auth-in{width:100%;padding-right:46px}:where(body:has(.demo-root)) .auth-pw-eye{position:absolute;top:0;right:0;height:100%;width:44px;display:grid;place-items:center;border:none;background:transparent;color:rgba(90,72,38,.75);cursor:pointer}:where(body:has(.demo-root)) .auth-pw-eye:active{color:var(--gold-600)}:where(body:has(.demo-root)) .auth-err{font-size:.781rem;color:#c0392b;text-align:center}:where(body:has(.demo-root)) .auth-btn{height:50px;border:none;border-radius:14px;background:var(--gold-500);color:var(--ink-900);font-family:var(--font-heading);font-size:1rem;cursor:pointer;box-shadow:0 5px 0 var(--gold-600);transition:.12s}:where(body:has(.demo-root)) .auth-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--gold-600)}:where(body:has(.demo-root)) .auth-btn:disabled{opacity:.6}:where(body:has(.demo-root)) .auth-signup{margin-top:2px;text-align:center;font-size:.813rem;color:var(--ink-900);opacity:.78;text-decoration:none}:where(body:has(.demo-root)) .auth-signup b{color:var(--gold-600);text-decoration:underline;font-weight:700}.demo-root svg{display:block}@media (orientation:portrait){:where(body:has(.demo-root)) .chip{min-width:0;width:40px;padding:0}:where(body:has(.demo-root)) .chip .amount{display:none}:where(body:has(.demo-root)) .chip.sap .sap-body{gap:0}}