.mbx{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:8px 32px 72px;overflow-x:clip;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);grid-template-areas:"stage head" "stage count" "stage stat" "stage actions" "stage list";grid-template-rows:auto auto auto auto 1fr;-moz-column-gap:48px;column-gap:48px;align-items:start}.mbx-stage-col{grid-area:stage;position:sticky;top:12px}.mbx-head{grid-area:head;padding-top:36px}.mbx-count{grid-area:count;margin-top:22px}.mbx-stat{grid-area:stat;margin-top:24px}.mbx-actions{grid-area:actions;margin-top:24px}.mbx-list{grid-area:list;margin-top:26px}.mbx-actions,.mbx-count,.mbx-head,.mbx-list,.mbx-stat{animation:mbxRise .7s cubic-bezier(.2,.8,.2,1) backwards}.mbx-count{animation-delay:.08s}.mbx-stat{animation-delay:.16s}.mbx-actions{animation-delay:.24s}.mbx-list{animation-delay:.32s}@keyframes mbxRise{0%{opacity:0;transform:translateY(14px)}}.stage{--slot-y:44.4%;--slot-w:16.8%;position:relative;width:min(100%,620px);margin:0 auto;aspect-ratio:1/.94;perspective:900px}.stage-at-slot{position:absolute;left:50%;top:var(--slot-y);transform:translate3d(calc(var(--mx, 0) * 10px),calc(var(--my, 0) * 6px),0)}.stage-glow{position:absolute;inset:6% 8% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,217,138,.2),transparent 75%);background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 22%,transparent),transparent 75%);transform:translate3d(calc(var(--mx, 0) * -8px),calc(var(--my, 0) * -6px),0);animation:stageBreath 6s ease-in-out infinite}@keyframes stageBreath{0%,to{opacity:.7}50%{opacity:1}}.stage-mailbox{position:absolute;left:50%;top:50%;width:56%;z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translate(-50%,-50%) translate3d(calc(var(--mx, 0) * 10px),calc(var(--my, 0) * 6px),0);transform-origin:50% 92%;animation:stageMbIn .9s cubic-bezier(.2,.9,.3,1.15) backwards}.stage-mailbox-tilt{transform-style:preserve-3d;transform:rotateY(calc(var(--mx, 0) * 7deg)) rotateX(calc(var(--my, 0) * -5deg))}.stage-mailbox-tilt>svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 26px 36px rgba(0,0,0,.42));transition:filter .35s ease}@keyframes stageMbIn{0%{opacity:0;translate:0 24px;scale:.9}}.stage .mbs-fresh{animation:stageFresh .8s cubic-bezier(.2,.9,.3,1.3) .05s backwards}@keyframes stageFresh{0%{transform:translateY(70px)}}.stage-mailbox.is-hot .stage-mailbox-tilt>svg,.stage-mailbox:hover .stage-mailbox-tilt>svg{filter:drop-shadow(0 26px 36px rgba(0,0,0,.42)) drop-shadow(0 0 24px color-mix(in srgb,var(--gold) 55%,transparent))}.stage-mailbox-tilt{transform-origin:50% 92%}.stage-mailbox.is-shake .stage-mailbox-tilt{animation:stageMbShake .5s ease}@keyframes stageMbShake{0%,to{rotate:0deg}20%{rotate:-3deg}40%{rotate:2.5deg}60%{rotate:-1.5deg}80%{rotate:1deg}}.stage-mailbox.is-gulp .stage-mailbox-tilt{animation:stageMbGulp .6s cubic-bezier(.3,.7,.4,1.3)}@keyframes stageMbGulp{0%,to{scale:1 1}25%{scale:1.05 .93}55%{scale:.97 1.04}80%{scale:1.01 .99}}.stage-mailbox.is-gulp .mbs-flag{animation:stageFlag 1.1s ease-in-out .1s}.stage .mbs-flag{transform-box:fill-box;transform-origin:0 50%}.stage-mailbox:hover .mbs-flag{animation:stageFlag 1.1s ease-in-out}@keyframes stageFlag{0%,to{transform:rotate(0deg)}25%{transform:rotate(-16deg)}50%{transform:rotate(9deg)}75%{transform:rotate(-5deg)}}.stage .mbs-tw{animation:decorTwinkle 3s ease-in-out infinite}.orb{position:absolute;z-index:3;aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translate3d(calc(var(--mx, 0) * var(--d) * 26px),calc(var(--my, 0) * var(--d) * 16px),0)}.orb.is-hot,.orb:focus-visible,.orb:hover{z-index:6}.orb:focus-visible{outline:none}.orb-lift{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.38));transition:transform .35s cubic-bezier(.2,.8,.2,1.25),filter .35s ease;animation:orbIn .9s cubic-bezier(.2,.9,.25,1.2) backwards;animation-delay:calc(var(--i) * 90ms + .35s)}@keyframes orbIn{0%{opacity:0;transform:translateY(-60px) scale(.5) rotate(-18deg)}70%{opacity:1}}.orb.is-hot .orb-lift,.orb:focus-visible .orb-lift,.orb:hover .orb-lift{transform:translateY(-10px) scale(1.14);filter:drop-shadow(0 18px 22px rgba(0,0,0,.45)) drop-shadow(0 0 16px color-mix(in srgb,var(--gold) 50%,transparent))}.orb-float{animation:mbFloat 5.4s ease-in-out infinite}.orb-float,.orb-svg{display:block;width:100%;height:100%}.orb-svg{transform:rotate(var(--r));transition:transform .35s ease}.orb-svg svg{display:block;width:100%;height:100%}.orb.is-hot .orb-svg,.orb:focus-visible .orb-svg,.orb:hover .orb-svg{transform:rotate(calc(var(--r) * .3))}.orb.is-shake .orb-svg{animation:orbWiggle .55s ease}@keyframes orbWiggle{0%,to{transform:rotate(var(--r))}20%{transform:rotate(calc(var(--r) - 14deg))}40%{transform:rotate(calc(var(--r) + 11deg))}60%{transform:rotate(calc(var(--r) - 7deg))}80%{transform:rotate(calc(var(--r) + 4deg))}}.orb-tip{--tx:-50%;position:absolute;left:50%;bottom:calc(100% + 10px);z-index:5;padding:8px 12px;border-radius:12px;background:rgba(12,14,34,.92);border:1px solid var(--card-brd);box-shadow:0 10px 24px rgba(0,0,0,.4);color:var(--ink);font-size:13px;line-height:1.35;white-space:nowrap;text-align:center;pointer-events:none;opacity:0;transform:translate(var(--tx),6px) scale(.92);transform-origin:50% 100%;transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.2,1.25)}.tip-start .orb-tip{--tx:0%;left:-6px;transform-origin:20% 100%}.tip-end .orb-tip{--tx:0%;left:auto;right:-6px;transform-origin:80% 100%}.orb-tip b{color:var(--gold)}.orb-tip small{display:block;margin-top:2px;font-size:11px;color:var(--ink-dim)}.orb-lift:after{content:"";position:absolute;left:50%;bottom:calc(100% + 10px);z-index:6;width:9px;height:9px;background:rgba(12,14,34,.92);border-right:1px solid var(--card-brd);border-bottom:1px solid var(--card-brd);opacity:0;pointer-events:none;transform:translate(-50%,50%) rotate(45deg);transition:opacity .2s ease}.orb.is-hot .orb-tip,.orb:focus-visible .orb-tip,.orb:hover .orb-tip{opacity:1;transform:translate(var(--tx)) scale(1)}.orb.is-hot .orb-lift:after,.orb:focus-visible .orb-lift:after,.orb:hover .orb-lift:after{opacity:1}.orb-ghost .orb-lift{filter:none}.ghost-card{display:grid;place-items:center;width:100%;height:100%;border-radius:26%;border:2px dashed rgba(255,255,255,.3);background:rgba(255,255,255,.04);color:rgba(255,255,255,.6);transform:rotate(var(--r));transition:transform .35s ease,border-color .25s ease,background .25s ease,color .25s ease;animation:ghostBreath 2.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s)}.ghost-card svg{width:40%;height:40%}@keyframes ghostBreath{0%,to{opacity:.5}50%{opacity:1}}.orb-ghost:focus-visible .orb-lift,.orb-ghost:hover .orb-lift{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 40%,transparent))}.orb-ghost:focus-visible .ghost-card,.orb-ghost:hover .ghost-card{transform:rotate(calc(var(--r) * .3));border-color:var(--gold);background:rgba(255,217,138,.12);color:var(--gold);animation:none}.mbx-stage-hint{margin:4px 0 0;text-align:center;font-size:12.5px;color:var(--ink-dim);opacity:.8}.hint-touch{display:none}@media (hover:none){.hint-mouse{display:none}.hint-touch{display:inline}}.mbx-eyebrow{display:block;font-size:14px;color:var(--ink-dim)}.mbx-title{margin:8px 0 14px;font-size:clamp(28px,3.2vw,40px);line-height:1.2;letter-spacing:-.5px;word-break:keep-all}.badge-open{background:rgba(181,234,215,.18);color:#b5ead7;border-color:rgba(181,234,215,.4)}.flip-row{display:flex;gap:10px}.flip{display:flex;flex-direction:column;align-items:center;gap:7px}.flip-card{position:relative;width:68px;height:76px;perspective:320px;border-radius:14px;box-shadow:0 10px 22px rgba(0,0,0,.35)}.flip-card:after{content:"";top:50%;z-index:3;height:1px;background:rgba(0,0,0,.38)}.flip-card:after,.flip-half{position:absolute;left:0;right:0}.flip-half{height:50%;overflow:hidden;color:var(--ink);backface-visibility:hidden;background:#262c55;background:color-mix(in srgb,var(--night-2) 84%,#fff 16%)}.flip-top{top:0;border-radius:14px 14px 0 0}.flip-bottom{bottom:0;border-radius:0 0 14px 14px;background:#21274d;background:color-mix(in srgb,var(--night-2) 90%,#fff 10%)}.flip-half span{display:block;height:76px;line-height:76px;text-align:center;font-family:Gowun Batang,serif;font-size:34px;font-weight:700;font-variant-numeric:tabular-nums}.flip-bottom span{transform:translateY(-50%)}.flip-flap-top{z-index:2;transform-origin:50% 100%;animation:flapTop .26s ease-in both}.flip-flap-bottom{z-index:2;transform-origin:50% 0;animation:flapBottom .26s ease-out .26s both}@keyframes flapTop{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}@keyframes flapBottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.flip-label{font-size:12px;color:var(--ink-dim)}.mbx-stat{display:flex;align-items:center;gap:14px}.mbx-stat p{margin:0;font-size:16px;word-break:keep-all}.mbx-stat b{margin-right:3px;font-family:Gowun Batang,serif;font-size:28px;color:var(--gold);vertical-align:-2px}.mbx-stat-empty{color:var(--ink-dim);font-size:15px}.mbx-stack{display:flex}.mbx-stack span{position:relative;width:38px;height:38px;margin-left:-10px;padding:5px;display:grid;place-items:center;border-radius:50%;background:#2b3160;background:color-mix(in srgb,var(--night-2) 80%,#fff 20%);border:2px solid var(--night-1);box-shadow:0 4px 10px rgba(0,0,0,.3)}.mbx-stack span:first-child{margin-left:0}.mbx-stack svg{width:100%;height:100%}.mbx-actions{display:grid;gap:10px}.mbx-note{margin:2px 0 0;text-align:center;font-size:12.5px;color:var(--ink-dim)}.mbx-sublink{justify-self:center;padding:4px 6px;font-size:13.5px;color:var(--gold)}.mbx-sublink:hover{text-decoration:underline;text-underline-offset:3px}.mbx-badges{display:flex;flex-wrap:wrap;gap:8px}.badge-owner{background:rgba(255,255,255,.08);color:var(--ink);border-color:var(--card-brd)}.mbx-list{padding:16px 10px 10px;border-radius:var(--radius);background:var(--card);border:1px solid var(--card-brd);backdrop-filter:blur(12px)}.mbx-list-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 8px 10px}.mbx-list-head b{font-size:15px}.mbx-list-head span{font-size:12.5px;color:var(--ink-dim)}.mbx-list ul{list-style:none;margin:0;padding:0;max-height:min(42vh,380px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.mrow{border-radius:14px;transition:background .2s ease;animation:mbxRise .5s ease backwards;animation-delay:calc(var(--i) * 40ms + .45s)}.mrow.is-hot{background:rgba(255,255,255,.07)}.mrow-btn{width:100%;display:flex;align-items:center;gap:12px;padding:8px 10px;border:0;border-radius:14px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.mrow-btn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.mrow-icon{position:relative;flex:none;width:40px;height:40px;padding:5px;display:grid;place-items:center;border-radius:12px;background:rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.2,.8,.2,1.3)}.mrow-art,.mrow-icon svg{display:block;width:100%;height:100%}.mrow.is-hot .mrow-icon{transform:scale(1.1) rotate(-6deg)}.mrow.is-shake .mrow-icon{animation:rowWiggle .5s ease}@keyframes rowWiggle{0%,to{transform:none}25%{transform:rotate(-12deg)}50%{transform:rotate(9deg)}75%{transform:rotate(-5deg)}}.mrow-name{flex:1;min-width:0;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrow-meta{flex:none;display:inline-flex;align-items:center;font-size:12px;color:var(--ink-dim)}.mbx-empty{margin:4px 8px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-dim)}.mbx-created{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding:14px 16px;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(255,217,138,.16),rgba(255,182,193,.12)),rgba(12,14,34,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,217,138,.3);font-size:13px;color:var(--ink-dim)}.mbx-created b{display:block;margin-bottom:2px;font-size:15px;color:var(--gold)}.burst{position:relative;flex:none;width:36px;height:36px;display:grid;place-items:center}.burst i{position:absolute;left:50%;top:50%;width:5px;height:9px;margin:-4.5px 0 0 -2.5px;border-radius:2px;background:var(--c);opacity:0;animation:burstOut 1.1s cubic-bezier(.15,.7,.3,1) .35s}@keyframes burstOut{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.5)}to{opacity:0;transform:rotate(var(--a)) translateY(-48px) scale(1)}}.mbx-dock{display:none}@media (max-width:959px){.mbx{max-width:560px;padding:4px 16px calc(112px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "count" "stage" "stat" "actions" "list";grid-template-rows:none}.mbx-stage-col{position:static;margin-top:6px}.mbx-head{padding-top:10px;text-align:center}.mbx-count{display:flex;margin-top:18px}.mbx-count,.mbx-stat{justify-content:center}.mbx-stat{margin-top:10px}.mbx-actions{margin-top:8px}.mbx-actions .btn{display:none}.mbx-badges{justify-content:center}.mbx-created{text-align:left}.orb-wide{display:none}.stage{aspect-ratio:1/.86;--slot-y:41.5%;--slot-w:18%}.stage-mailbox{width:60%;top:48%}.mbx-list ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;max-height:none;overflow:visible}.mrow-btn{flex-direction:column;gap:6px;padding:10px 6px;text-align:center}.mrow-icon{width:58px;height:58px;padding:8px;border-radius:16px}.mrow-name{width:100%;font-size:12.5px;color:var(--ink-dim)}.mrow-meta{display:none}.mbx-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:10px;padding:18px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(8,10,26,.88) 42%)}.mbx-dock .btn{flex:1;padding:16px 20px;font-size:16px}.mbx-dock .btn-icon{flex:none;width:56px;padding:0}.mbx-dock .btn-ghost{background:#1b2046;background:color-mix(in srgb,var(--night-2) 88%,#fff 12%)}.mbx-dock~#toast{bottom:calc(96px + env(safe-area-inset-bottom))}}@media (max-width:380px){.flip-row{gap:7px}.flip-card{width:58px;height:64px}.flip-half span{height:64px;line-height:64px;font-size:28px}}@media (prefers-reduced-motion:reduce){.burst i,.ghost-card,.mbx-actions,.mbx-count,.mbx-head,.mbx-list,.mbx-stat,.mrow,.orb-float,.orb-lift,.orb.is-shake .orb-svg,.stage .mbs-fresh,.stage-glow,.stage-mailbox,.stage-mailbox.is-gulp .mbs-flag,.stage-mailbox.is-gulp .stage-mailbox-tilt,.stage-mailbox.is-shake .stage-mailbox-tilt,.stage-mailbox:hover .mbs-flag{animation:none!important}.mrow-icon,.orb-lift,.orb-svg,.orb-tip{transition:none!important}}