.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-right{flex:none;align-items:center;gap:8px;display:flex;position:relative}.ld-coins{font-family:var(--font-display);border:var(--stroke) solid var(--b-ink);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:400;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:2px solid var(--b-ink);background:var(--b-card);min-width:0;box-shadow:0 6px 0 var(--b-ink);border-radius:22px;position:relative;overflow:hidden}.ld-chip{border:var(--stroke) solid var(--b-ink);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:var(--stroke) solid var(--b-ink);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:0 4px 0 var(--b-ink);padding:13px 28px;font-size:19px}.landing .ld-big:not(:disabled):active{box-shadow:0 0 0 var(--b-ink);transform:translateY(4px)}.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:var(--stroke) solid var(--b-ink);background:var(--paper);width:66px;height:66px;box-shadow:0 2px 0 var(--b-ink);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:0 2px 0 var(--b-ink), inset 0 0 0 2px var(--clover)}.ld-tile.is-locked .piece-art{opacity:.5}.ld-tile:focus-visible{outline:3px solid var(--clover);outline-offset:2px}.ld-tile-tag{border:var(--stroke) solid var(--b-ink);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:var(--stroke) solid var(--b-ink);border-radius:18px}.ld-get-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.ld-get-btn{border:var(--stroke) solid var(--b-ink);background:var(--b-card);min-width:0;color:var(--b-ink);box-shadow:0 3px 0 var(--b-ink);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{box-shadow:0 0 0 var(--b-ink);transform:translateY(3px)}.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:2px solid var(--b-ink);background:var(--sky);box-shadow:0 6px 0 var(--b-ink);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:0 4px 0 var(--b-ink);align-items:center;gap:12px;padding:14px 16px;transition:transform .12s,box-shadow .12s;display:flex}.landing .hm-room:active{box-shadow:0 0 0 var(--b-ink);transform:translateY(4px)}.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:var(--stroke) solid var(--b-ink);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)rotate(-1.5deg)}.landing .ld-tile:active{transform:translateY(1px)}.landing .ld-badge{animation:ld-bounce 2.4s var(--pop) infinite}}@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:#fffdf7;--b-ink:#141414;--b-ink-2:#4a4a48;--b-ink-3:#767570;--b-card:#fff;--b-line:#e7e3d8;--clover:#2db75b;--clover-soft:#ddf5e4;--sky:#bfe3ff;--sand:#f6e6c8;--sun:#ffd84d;--peach:#ffc9b5;--stroke:1.5px;--pop:cubic-bezier(.34, 1.56, .64, 1);--font-display:"Jua", "Apple SD Gothic Neo", "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)}:root:not([data-mode=work]) .bouncy .btn{font-family:var(--font-display);border:var(--stroke) solid var(--b-ink);background:var(--b-card);color:var(--b-ink);box-shadow:0 3px 0 var(--b-ink);border-radius:999px;padding:10px 18px;font-size:16px;transition:transform .12s,box-shadow .12s}:root:not([data-mode=work]) .bouncy .btn:not(:disabled):active{box-shadow:0 0 0 var(--b-ink);transform:translateY(3px)}:root:not([data-mode=work]) .bouncy .btn:disabled{opacity:.45;box-shadow:0 1px 0 var(--b-ink)}:root:not([data-mode=work]) .bouncy .btn-primary{background:var(--clover);color:var(--b-ink)}:root:not([data-mode=work]) .bouncy .btn-sun{background:var(--sun);color:var(--b-ink)}:root:not([data-mode=work]) .bouncy .btn-dark{color:#fff;background:#141414}: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:3px solid var(--clover);outline-offset:2px}:root:not([data-mode=work]) .bouncy .field{border:var(--stroke) solid var(--b-ink);background:var(--b-card);border-radius:14px;padding:11px 14px}:root:not([data-mode=work]) .bouncy .field:focus{border-color:var(--b-ink);box-shadow:0 0 0 3px var(--clover-soft)}:root:not([data-mode=work]) .bouncy input[type=checkbox]{accent-color:var(--clover);width:16px;height:16px}:root:not([data-mode=work]) .auth.bouncy{background:var(--paper)}:root:not([data-mode=work]) .bouncy .auth-card{border:2px solid var(--b-ink);box-shadow:0 6px 0 var(--b-ink);background:var(--b-card);border-radius:24px}:root:not([data-mode=work]) .bouncy .auth-brand,:root:not([data-mode=work]) .bouncy .auth-title{font-family:var(--font-display);letter-spacing:0;font-weight:400}:root:not([data-mode=work]) .bouncy .auth-brand{font-size:28px}:root:not([data-mode=work]) .bouncy .auth-title{font-size:24px}:root:not([data-mode=work]) .bouncy .auth-tabs{border:var(--stroke) solid var(--b-ink);background:var(--paper);border-radius:999px;padding:4px}:root:not([data-mode=work]) .bouncy .auth-tabs button{font-family:var(--font-display);color:var(--b-ink-2);border-radius:999px;font-size:16px}:root:not([data-mode=work]) .bouncy .auth-tabs button.is-on{background:var(--sun);color:var(--b-ink);box-shadow:0 0 0 var(--stroke) var(--b-ink);font-weight:400}:root:not([data-mode=work]) .bouncy .terms{border:var(--stroke) solid var(--b-ink);background:var(--paper);border-radius:16px}: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:#1c8a43}:root:not([data-mode=work]) .bouncy .auth-home{align-self:center}:root:not([data-mode=work]) .bouncy .modal{border:2px solid var(--b-ink);box-shadow:0 6px 0 var(--b-ink);background:var(--b-card);border-radius:22px}:root:not([data-mode=work]) .bouncy .modal-title{font-family:var(--font-display);font-size:20px;font-weight:400}@media (prefers-reduced-motion:no-preference){:root:not([data-mode=work]) .bouncy .auth-card,:root:not([data-mode=work]) .bouncy .modal{animation:bouncy-pop .45s var(--pop) both}}@keyframes bouncy-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}