:root{--teal:#4fbebb;--teal-border:#43b3b0;--teal-deep:#1d7f7d;--chip:#9ddedc;--ink:#2e2e2e;--placeholder:#bfc5c9}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#dfeeec;font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,sans-serif}button{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.screen{background:#fff;flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.room-bg{object-fit:cover;opacity:.9;z-index:0;width:100%;height:100%;position:absolute;inset:0}.screen>:not(.room-bg){z-index:1;position:relative}.top-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff6;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.top-bar .logo{height:12px}.top-actions{align-items:center;gap:16px;display:flex}.top-actions img{object-fit:contain;width:19px;height:19px}.room-nav{justify-content:space-between;align-items:center;padding:14px 24px 10px;display:flex}.room-nav span{letter-spacing:2px;color:var(--teal-deep);font-size:12px;font-weight:600}.room-nav button{padding:6px}.room-nav img{width:8px;height:11px;display:block}.icon-row{justify-content:space-between;padding:4px 32px 8px;display:flex}.icon-btn{flex-direction:column;align-items:center;gap:3px;transition:transform .15s;display:flex}.icon-btn:active{transform:scale(.9)}.icon-circle{background:#ffffff59;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 7px #5959591a}.icon-circle img{width:28px;height:28px}.icon-caption{letter-spacing:.08em;color:var(--teal-deep);font-size:9px;font-weight:600}.bubbles{scrollbar-width:thin;scrollbar-color:#ffffffb3 transparent;flex-direction:column;flex:none;gap:12px;height:clamp(170px,28dvh,280px);padding:4px 24px;display:flex;overflow-y:auto}.bubbles>:first-child{margin-top:auto}.bubble{max-width:80%;color:var(--ink);letter-spacing:.15px;filter:drop-shadow(0 0 3.5px #5959591a);padding:12px 16px;font-size:15px;line-height:1.4;animation:.25s ease-out bubble-in}.bubble.elly{background:#fff;border-radius:20px;align-self:flex-start}.bubble.user{background:var(--teal);color:#fff;border-radius:20px 20px 0;align-self:flex-end}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bubble.typing{background:var(--teal);border-radius:20px;align-items:center;gap:5px;padding:16px 18px;display:flex}.bubble.typing span{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dot-pulse}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.stage{flex:auto;min-height:48px;position:relative}.top-bar,.room-nav,.icon-row,.bottom{flex-shrink:0}.elly-avatar{justify-content:center;align-items:flex-end;width:min(66%,300px);max-height:calc(100% - 48px);display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.elly-avatar>img{object-fit:contain;object-position:bottom;width:100%;max-height:100%;display:block}.emotion-happy>img{animation:.5s ease-in-out 2 hop}.emotion-shy>img{animation:.4s ease-in-out 3 wiggle}.emotion-think>img{animation:1.2s ease-in-out infinite tilt}@keyframes hop{50%{transform:translateY(-14px)}}@keyframes wiggle{33%{transform:rotate(-2.5deg)}66%{transform:rotate(2.5deg)}}@keyframes tilt{50%{transform:rotate(2deg)}}.float-bubble{background:#ffffff80;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;animation:2.6s ease-in-out infinite floaty;display:flex;position:absolute;box-shadow:0 0 7px #5959591a}.float-bubble img{width:28px;height:28px}.float-bubble.cookie{top:40%;right:-10px}@keyframes floaty{50%{transform:translateY(-6px)}}.rq-pill{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff73;border-radius:200px;align-items:center;gap:6px;padding:10px 24px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 7px #5959591a}.rq-pill .rq-heart{width:7px}.rq-pill .rq-label{width:14px}.rq-pill strong{color:var(--ink);font-size:20px;font-weight:700}.bottom{padding:10px 24px calc(16px + env(safe-area-inset-bottom));flex-direction:column;flex:none;gap:10px;display:flex}.chip-row{align-items:center;gap:10px;display:flex;overflow:hidden}.chip-row .bulb{flex:none;width:10px;height:14px}.chips{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips button{border:1px solid var(--chip);color:var(--chip);white-space:nowrap;background:#fff9;border-radius:100px;flex:none;padding:7px 12px;font-size:14px;font-weight:500}.chips button:active{background:var(--chip);color:#fff}.input-pill{border:1px solid var(--teal-border);background:#fffc;border-radius:50px;align-items:center;gap:8px;padding:12px 16px;display:flex}.input-pill input{letter-spacing:-.16px;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:16px}.input-pill input::placeholder{color:var(--placeholder)}.input-pill button img{width:20px;height:21px;display:block}.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:24px;display:flex}.coming-soon h1{color:var(--teal-deep)}.coming-soon a{color:var(--teal);margin-top:16px}.elly-placeholder.large{background:#cde8e2;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 24px;font-size:48px;display:flex}