.landing{background:var(--paper,#fffdf7);flex-direction:column;min-height:100%;display:flex}.ld-top{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:68rem;margin:0 auto;padding:14px 16px;display:flex}.ld-brand{font-family:var(--font-display);color:var(--b-ink);white-space:nowrap;font-size:24px;line-height:1;text-decoration:none}.ld-nav{align-items:center;gap:2px;min-width:0;margin-right:auto;display:flex}.ld-nav a{font-family:var(--font-display);color:var(--b-ink);white-space:nowrap;border-radius:999px;padding:8px 12px 6px;font-size:16px;line-height:1;text-decoration:none}.ld-nav a:hover{background:var(--sun)}.ld-nav a:focus-visible,.ld-brand:focus-visible{outline:3px solid var(--clover);outline-offset:2px}.ld-top-get{color:var(--b-ink-2);white-space:nowrap;border-radius:999px;padding:8px 10px;font-size:14px;font-weight:600;text-decoration:none}.ld-top-get:hover{color:var(--b-ink);background:var(--b-soft,#f4f4f2)}.ld-top-right{flex:none;align-items:center;gap:8px;display:flex;position:relative}.ld-coins{font-family:var(--font-display);border:1px solid var(--b-line);background:var(--sun);white-space:nowrap;border-radius:999px;padding:3px 11px 1px;font-size:14px;line-height:20px}.ld-top-right .ld-top-login{padding:7px 16px;font-size:15px}.ld-main{flex-direction:column;gap:56px;width:100%;max-width:68rem;margin:0 auto;padding:8px 16px 48px;display:flex}.ld-sec{flex-direction:column;gap:16px;min-width:0;display:flex}.ld-head{flex-direction:column;gap:6px;display:flex}.ld-title{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:30px;font-weight:700;line-height:1.25}.ld-line{color:var(--b-ink-2);margin:0;font-size:15px;line-height:1.6}.ld-note{color:var(--b-ink-3);text-align:center;margin:0;font-size:13px}.ld-card{border:1px solid var(--b-line);background:var(--b-card);min-width:0;box-shadow:var(--b-shadow);border-radius:22px;position:relative;overflow:hidden}.ld-chip{border:1px solid var(--b-line);background:var(--b-card);color:var(--b-ink);white-space:nowrap;border-radius:999px;padding:0 10px;font-size:12px;line-height:20px}.ld-badge{vertical-align:middle;font-family:var(--font-display);border:1px solid var(--b-line);background:var(--sun);color:var(--b-ink);white-space:nowrap;border-radius:999px;padding:0 9px;font-size:13px;line-height:20px;display:inline-block}.landing .ld-big{box-shadow:var(--b-shadow);padding:13px 28px;font-size:19px}.landing .ld-big:not(:disabled):active{transform:scale(.99)}.ld-maker-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.ld-stage-card .stage{border-radius:20px}.ld-stage-card .fig-body{scale:1.6}.ld-stage-empty{background:linear-gradient(var(--sky) 0 58%, var(--sand) 58% 100%)}.ld-floor-hint{z-index:30;pointer-events:none;position:absolute;top:12px;left:12px}.ld-parts{flex-direction:column;gap:12px;padding:14px 14px 10px;display:flex}.ld-parts-loading,.ld-parts-failed{min-height:180px;color:var(--b-ink-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.ld-parts-failed p{margin:0}.ld-slot{flex-direction:column;gap:6px;min-width:0;display:flex}.ld-slot-label{font-family:var(--font-display);font-size:16px}.ld-tiles{scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px;padding:3px 2px 9px;display:flex;overflow-x:auto}.ld-tile{border:1px solid var(--b-line);background:var(--paper);width:66px;height:66px;box-shadow:var(--b-shadow);scroll-snap-align:start;border-radius:16px;flex:none;place-items:center;padding:0;display:grid;position:relative}.ld-tile.is-on{background:var(--clover-soft);box-shadow:inset 0 0 0 2px var(--b-ink)}.ld-tile.is-locked .piece-art{opacity:.5}.ld-tile:focus-visible{outline:3px solid var(--clover);outline-offset:2px}.ld-tile-tag{border:1px solid var(--b-line);background:var(--sun);color:var(--b-ink);white-space:nowrap;border-radius:999px;padding:0 5px;font-size:10px;line-height:16px;position:absolute;bottom:-2px;right:-2px}.piece-art{pointer-events:none;display:block;position:relative;overflow:hidden}.piece-layers{transition:opacity .12s;position:absolute}.piece-layers img{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.ld-cta{flex-direction:column;align-items:center;gap:10px;padding-top:6px;display:flex}.ld-room{flex-direction:column;flex:none;height:660px;display:flex}.ld-room .room-head{border-bottom:2px solid var(--b-ink);height:54px;padding:0 14px 0 18px}.ld-room .room-name{font-family:var(--font-display);font-size:18px;font-weight:400}.ld-room .stage{border-bottom:2px solid var(--b-ink)}.ld-room .stage-pending{background:var(--paper)}.ld-room-msgs{background:var(--paper);flex-direction:column;flex:1;min-height:0;display:flex}.ld-room .composer{border-top:2px solid var(--b-ink)}.ld-room .composer textarea{border:1px solid var(--b-line);border-radius:18px}.ld-get-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.ld-get-btn{border:1px solid var(--b-line);background:var(--b-card);min-width:0;color:var(--b-ink);box-shadow:var(--b-shadow);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.ld-get-btn:active{transform:scale(.99)}.ld-get-btn:focus-visible{outline:3px solid var(--clover);outline-offset:2px}.ld-get-btn.is-here{background:var(--clover)}.ld-get-text{flex-direction:column;min-width:0;display:flex}.ld-get-name{font-family:var(--font-display);font-size:19px;line-height:1.2}.ld-get-sub{color:var(--b-ink-2);font-size:12px}.ld-get-btn.is-here .ld-get-sub{color:var(--b-ink)}.ld-badge-beta{background:var(--peach);margin-left:auto}.ld-login-row{border:1px solid var(--b-line);background:var(--sky);box-shadow:var(--b-shadow);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:18px 20px;display:flex}.ld-login-row .ld-line{color:var(--b-ink)}.ld-foot{padding:8px 16px 32px}.hm-me{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.hm-me-side{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:22px 24px;display:flex}.hm-handle{font-family:var(--font-display);overflow-wrap:anywhere;font-size:28px;line-height:1.2}.hm-rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.landing .hm-room{text-align:left;color:var(--b-ink);font:inherit;cursor:pointer;box-shadow:var(--b-shadow);align-items:center;gap:12px;padding:14px 16px;transition:transform .12s,box-shadow .12s;display:flex}.landing .hm-room:active{transform:scale(.99)}.landing .hm-room:focus-visible{outline:3px solid var(--clover);outline-offset:2px}.hm-room-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hm-room-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.3;overflow:hidden}.hm-room-last{color:var(--b-ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hm-unread{border:1px solid var(--b-line);background:var(--clover);white-space:nowrap;border-radius:999px;flex:none;padding:0 9px;font-size:12px;line-height:20px}.hm-empty{color:var(--b-ink-3);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;display:flex}.hm-empty p{margin:0}.hm-sec-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.landing .hm-req-write{padding:7px 16px;font-size:15px;text-decoration:none}.hm-reqs{flex-direction:column;margin:0;padding:6px 18px;list-style:none;display:flex}.hm-req{border-bottom:1px dashed var(--b-line);align-items:center;gap:12px;padding:12px 0;display:flex}.hm-req:last-child{border-bottom:0}.hm-req-body{overflow-wrap:anywhere;flex:1;min-width:0;font-size:15px}.hm-req-status.is-review{background:var(--paper);color:var(--b-ink-2)}.hm-req-status.is-open{background:var(--sky)}.hm-req-status.is-doing{background:var(--sun)}.ld-new{scroll-snap-type:x proximity;grid-auto-columns:minmax(150px,200px);grid-auto-flow:column;gap:14px;margin:0;padding:4px 2px 10px;list-style:none;display:grid;overflow-x:auto}.ld-new>li{scroll-snap-align:start;min-width:0}.auth-main{padding-top:16px}.auth-grid{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.auth-side{flex-direction:column;gap:14px;min-width:0;display:flex}.landing.bouncy .auth-card{max-width:none;margin:0;padding:22px 22px 20px}.auth-stage{position:sticky;top:16px}@media (prefers-reduced-motion:no-preference){.landing .fig-body{animation:1.8s ease-in-out infinite ld-bob}.landing .fig:nth-child(2n) .fig-body{animation-delay:-.6s}.landing .fig:nth-child(3n) .fig-body{animation-delay:-1.2s}.landing .stack-item:last-child .bubble{animation:ld-pop .45s var(--pop) both;transform-origin:20% 100%}.landing .ld-tile{transition:transform .18s var(--pop)}.landing .ld-tile:hover{transform:translateY(-2px)}.landing .ld-tile:active{transform:translateY(1px)}}@keyframes ld-bob{0%,to{translate:0}50%{translate:0 -4px}}@keyframes ld-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes ld-bounce{0%,80%,to{scale:1}88%{scale:1.15}}@media (max-width:760px){.ld-maker-body,.hm-me,.hm-rooms,.auth-grid{grid-template-columns:minmax(0,1fr)}.auth-stage{order:-1;position:relative;top:0}}@media (max-width:640px){.ld-top{flex-wrap:wrap;row-gap:6px}.ld-nav{order:3;width:100%;margin-left:-12px;margin-right:0}.ld-main{gap:44px;padding-bottom:36px}.ld-title{font-size:25px}.ld-room{height:600px}.ld-get-grid{grid-template-columns:minmax(0,1fr)}.landing .ld-big{width:100%}.ld-login-row{text-align:center;flex-direction:column;align-items:stretch}}:root:not([data-mode=work]) .bouncy{--paper:#fafaf8;--b-ink:#18181b;--b-ink-2:#52525b;--b-ink-3:#8b8b93;--b-card:#fff;--b-line:#e7e5e4;--b-line-2:#d6d3d1;--b-soft:#f4f4f2;--b-shadow:0 1px 2px #18181b0a, 0 4px 16px #18181b0d;--b-shadow-hi:0 2px 4px #18181b0d, 0 12px 28px #18181b14;--clover:#16a34a;--clover-soft:#e8f6ed;--sky:#eef4fb;--sand:#f3ede4;--sun:#f4f4f2;--peach:#f4f4f2;--stroke:1px;--radius:14px;--pop:cubic-bezier(.2, .7, .2, 1);--font-display:-apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", "Malgun Gothic", sans-serif;--ink:var(--b-ink);--ink-2:var(--b-ink-2);--ink-3:var(--b-ink-3);--line:var(--b-line);background:var(--paper);color:var(--b-ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased}:root:not([data-mode=work]) .bouncy .btn{font-family:var(--font-display);letter-spacing:-.01em;border:1px solid var(--b-line-2);background:var(--b-card);color:var(--b-ink);box-shadow:none;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,transform .1s}:root:not([data-mode=work]) .bouncy .btn:not(:disabled):hover{border-color:var(--b-ink-3)}:root:not([data-mode=work]) .bouncy .btn:not(:disabled):active{box-shadow:none;transform:scale(.98)}:root:not([data-mode=work]) .bouncy .btn:disabled{opacity:.4;box-shadow:none}:root:not([data-mode=work]) .bouncy .btn-primary,:root:not([data-mode=work]) .bouncy .btn-dark{background:var(--b-ink);border-color:var(--b-ink);color:#fff}:root:not([data-mode=work]) .bouncy .btn-primary:not(:disabled):hover,:root:not([data-mode=work]) .bouncy .btn-dark:not(:disabled):hover{background:#2e2e33;border-color:#2e2e33}:root:not([data-mode=work]) .bouncy .btn-sun{background:var(--b-card);color:var(--b-ink)}:root:not([data-mode=work]) .bouncy .btn-ghost{box-shadow:none;color:var(--b-ink-2);background:0 0;border-color:#0000}:root:not([data-mode=work]) .bouncy .btn-ghost:not(:disabled):active{transform:none}:root:not([data-mode=work]) .bouncy .btn:focus-visible,:root:not([data-mode=work]) .bouncy .link-btn:focus-visible,:root:not([data-mode=work]) .bouncy .field:focus-visible{outline:2px solid var(--b-ink);outline-offset:2px}:root:not([data-mode=work]) .bouncy .field{border:1px solid var(--b-line-2);background:var(--b-card);border-radius:12px;padding:11px 14px}:root:not([data-mode=work]) .bouncy .field:focus{border-color:var(--b-ink);box-shadow:0 0 0 3px #18181b0f}:root:not([data-mode=work]) .bouncy input[type=checkbox]{accent-color:var(--b-ink);width:16px;height:16px}:root:not([data-mode=work]) .auth.bouncy{background:var(--paper)}:root:not([data-mode=work]) .bouncy .auth-card{border:1px solid var(--b-line);box-shadow:var(--b-shadow);background:var(--b-card);border-radius:20px}:root:not([data-mode=work]) .bouncy .auth-brand,:root:not([data-mode=work]) .bouncy .auth-title{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}:root:not([data-mode=work]) .bouncy .auth-brand{font-size:24px}:root:not([data-mode=work]) .bouncy .auth-title{font-size:22px}:root:not([data-mode=work]) .bouncy .auth-tabs{background:var(--b-soft);border:0;border-radius:12px;padding:4px}:root:not([data-mode=work]) .bouncy .auth-tabs button{font-family:var(--font-display);color:var(--b-ink-3);border-radius:9px;font-size:14px;font-weight:600}:root:not([data-mode=work]) .bouncy .auth-tabs button.is-on{background:var(--b-card);color:var(--b-ink);font-weight:600;box-shadow:0 1px 3px #18181b1a}:root:not([data-mode=work]) .bouncy .terms{border:1px solid var(--b-line);background:var(--paper);border-radius:12px}:root:not([data-mode=work]) .bouncy .check-all{border-bottom-color:var(--b-line)}:root:not([data-mode=work]) .bouncy .pw-checks li.is-ok{color:#15803d}:root:not([data-mode=work]) .bouncy .auth-home{align-self:center}:root:not([data-mode=work]) .bouncy .modal{border:1px solid var(--b-line);box-shadow:var(--b-shadow-hi);background:var(--b-card);border-radius:18px}:root:not([data-mode=work]) .bouncy .modal-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:700}@media (prefers-reduced-motion:no-preference){:root:not([data-mode=work]) .bouncy .modal{animation:bouncy-pop .2s var(--pop) both}}@keyframes bouncy-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}:root:not([data-mode=work]) .bouncy .ld-title,:root:not([data-mode=work]) .bouncy .sh-h1,:root:not([data-mode=work]) .bouncy .sh-h2,:root:not([data-mode=work]) .bouncy .sh-title{letter-spacing:-.025em;font-weight:700}:root:not([data-mode=work]) .bouncy .ld-title{font-size:26px}:root:not([data-mode=work]) .bouncy .ld-brand{letter-spacing:-.03em;font-size:20px;font-weight:800}:root:not([data-mode=work]) .bouncy .ld-nav a,:root:not([data-mode=work]) .bouncy .sh-name,:root:not([data-mode=work]) .bouncy .ld-slot-label,:root:not([data-mode=work]) .bouncy .hm-room-name,:root:not([data-mode=work]) .bouncy .hm-handle,:root:not([data-mode=work]) .bouncy .ld-get-name,:root:not([data-mode=work]) .bouncy .room-name{letter-spacing:-.01em;font-weight:600}:root:not([data-mode=work]) .bouncy .ld-nav a{color:var(--b-ink-2);padding:8px 12px;font-size:15px}:root:not([data-mode=work]) .bouncy .ld-nav a:hover{background:var(--b-soft);color:var(--b-ink)}:root:not([data-mode=work]) .bouncy .sh-name{font-size:15px}:root:not([data-mode=work]) .bouncy .ld-card{box-shadow:var(--b-shadow);border-radius:18px}:root:not([data-mode=work]) .bouncy .ld-chip,:root:not([data-mode=work]) .bouncy .ld-badge,:root:not([data-mode=work]) .bouncy .sh-tag,:root:not([data-mode=work]) .bouncy .ld-tile-tag{background:var(--b-soft);color:var(--b-ink-2);box-shadow:none;border-color:#0000;font-weight:600}:root:not([data-mode=work]) .bouncy .sh-badge,:root:not([data-mode=work]) .bouncy .ld-badge-beta{background:var(--b-ink);border-color:var(--b-ink);color:#fff;font-family:var(--font-display);letter-spacing:.02em;font-size:11px;font-weight:600}:root:not([data-mode=work]) .bouncy .ld-coins{background:var(--b-soft);border-color:#0000;padding:4px 11px;font-size:13px;font-weight:600}:root:not([data-mode=work]) .bouncy .sh-tag-owned{background:var(--clover-soft);color:#15803d}:root:not([data-mode=work]) .bouncy .sh-tag-soon{background:var(--sky);color:#2f5f9e}:root:not([data-mode=work]) .bouncy .ld-tile{border-color:var(--b-line);box-shadow:none;background:var(--b-soft)}:root:not([data-mode=work]) .bouncy .ld-tile.is-on{background:var(--b-card);box-shadow:inset 0 0 0 2px var(--b-ink)}:root:not([data-mode=work]) .bouncy .ld-get-btn{box-shadow:none}:root:not([data-mode=work]) .bouncy .ld-get-btn:hover{border-color:var(--b-ink-3)}:root:not([data-mode=work]) .bouncy .ld-get-btn.is-here{background:var(--b-ink);border-color:var(--b-ink);color:#fff}:root:not([data-mode=work]) .bouncy .ld-get-btn.is-here .ld-get-sub{color:#d4d4d8}:root:not([data-mode=work]) .bouncy .ld-login-row{background:var(--b-soft);box-shadow:none;border-color:#0000}:root:not([data-mode=work]) .bouncy .hm-unread{background:var(--b-ink);border-color:var(--b-ink);color:#fff;font-weight:600}:root:not([data-mode=work]) .bouncy .landing .ld-big,:root:not([data-mode=work]) .bouncy.landing .ld-big{box-shadow:none;padding:13px 26px;font-size:16px}:root:not([data-mode=work]) .bouncy .sh-art,:root:not([data-mode=work]) .bouncy .sh-hero{border-color:var(--b-line);border-radius:16px}:root:not([data-mode=work]) .bouncy .sh-art-object,:root:not([data-mode=work]) .bouncy .sh-art-sprite,:root:not([data-mode=work]) .bouncy .sh-art-piece{background:var(--b-soft)}:root:not([data-mode=work]) .bouncy .sh-wallet{box-shadow:none;background:var(--b-soft);font-family:var(--font-display);border-color:#0000;font-size:14px;font-weight:600}
