:root{--brand:#12a177;--brand-deep:#0c7a5a;--brand-tint:#e7f5f0;--brand-lite:#6fd4b4;--brand-mist:#dce9e4;--ink:#17201e;--ink-2:#3c4744;--muted:#66716e;--faint:#98a29f;--line:#e9eceb;--line-soft:#edf0ef;--chip:#f1f3f2;--bg:#f4f6f5;--surface:#fff;--surface-2:#f7f9f8;--canvas:#efece6;--dark:#0f1d19;--amber:#f2a93b;--amber-deep:#b27714;--amber-tint:#fcf1de;--red:#e5533c;--red-deep:#c4402e;--red-tint:#fdecea;--r-card:18px;--r-btn:14px;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif}.gallery{min-height:100vh;display:flex}.gallery-nav{border-right:1px solid #00000012;flex:none;width:216px;height:100vh;padding:24px 14px;position:sticky;top:0;overflow-y:auto}.gallery-logo{letter-spacing:-.4px;padding:0 10px 14px;font-size:20px;font-weight:800}.gallery-logo em{color:var(--brand);font-style:normal}.gallery-group{color:var(--faint);letter-spacing:.4px;margin:14px 0 4px;padding:0 10px;font-size:10.5px;font-weight:800}.gallery-item{text-align:left;width:100%;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;display:block}.gallery-item:hover{background:#0000000d}.gallery-item.on{background:var(--ink);color:#fff;font-weight:700}.gallery-item small{color:inherit;opacity:.5;margin-right:7px;font-size:10.5px;font-weight:700}.gallery-stage{flex:1;justify-content:center;align-items:center;padding:36px 20px;display:flex}.phone{background:#fff;border-radius:48px;flex:none;width:402px;height:874px;position:relative;overflow:hidden;box-shadow:0 40px 80px #0000002e,0 0 0 1px #0000001f}.phone-island{z-index:50;background:#000;border-radius:24px;width:126px;height:37px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.phone-status{z-index:40;align-items:center;padding:21px 24px 0;display:flex;position:absolute;top:0;left:0;right:0}.phone-status .time{text-align:center;letter-spacing:-.2px;flex:1;font-size:16px;font-weight:700}.phone-status .icons{flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.phone-status.light{color:#000}.phone-status.dark{color:#fff}.phone-home{z-index:60;pointer-events:none;border-radius:100px;width:139px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.phone-home.light{background:#00000040}.phone-home.dark{background:#ffffffb3}.screen{background:var(--bg);height:100%;color:var(--ink);flex-direction:column;padding-top:64px;display:flex;overflow:hidden}.screen.white{background:var(--surface)}.screen.night{background:var(--dark);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);transition:box-shadow .2s,transform .12s;box-shadow:0 1px 2px #17201e0a,0 6px 18px #17201e09}.btn-primary{background:var(--brand);border-radius:var(--r-btn);color:#fff;cursor:pointer;justify-content:center;align-items:center;height:52px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .2s,background .15s;display:flex;box-shadow:0 6px 16px #12a17747}.btn-primary:active:not(.disabled){transform:scale(.97);box-shadow:0 3px 10px #12a17738}.btn-primary.disabled{background:var(--line-soft);color:var(--faint);box-shadow:none}.btn-ghost{height:44px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;font-size:13.5px;font-weight:600;display:flex}.pill{border-radius:999px;align-items:center;gap:4px;display:inline-flex}.icon-btn{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.avatar{background-position:50%;background-size:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.badge-trans{border:1px solid;border-radius:4px;padding:0 3px;font-size:9px;font-weight:700}.tabbar{background:var(--surface);border-top:1px solid var(--line);z-index:5;padding:8px 8px 20px;display:flex;box-shadow:0 -6px 20px #17201e0b}.tabbar-item{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:0;font-family:inherit;display:flex;position:relative}.tabbar-item svg{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.tabbar-item.on svg{transform:translateY(-2px)scale(1.08)}.tabbar-item:active svg{transform:scale(.9)}.tabbar-item span{color:var(--faint);font-size:10px;font-weight:500;transition:color .15s}.tabbar-item.on span{color:var(--brand);font-weight:700}.tabbar-item.on:after{content:"";background:var(--brand);border-radius:999px;width:16px;height:3px;animation:.22s tabPop;position:absolute;top:-8px}.tabbar-badge{background:var(--red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-2px;right:24px}.image-slot{width:100%;height:100%;color:var(--faint);text-align:center;background:radial-gradient(120% 90% at 20% 10%,#12a17729,#0000 60%),radial-gradient(110% 100% at 85% 90%,#f2a93b24,#0000 55%),linear-gradient(160deg,#e9efec,#dde7e2);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:flex}.image-slot img{object-fit:cover;width:100%;height:100%}.bubble-them{background:var(--surface);border:1px solid var(--line);border-radius:4px 16px 16px;padding:11px 14px;font-size:14px;line-height:1.6}.bubble-me{background:var(--brand);color:#fff;border-radius:16px 4px 16px 16px;padding:11px 14px;font-size:14px;line-height:1.6}.bubble-trans{border-top:1px solid var(--line-soft);margin-top:9px;padding-top:8px}.bubble-trans-head{color:var(--brand);align-items:center;gap:4px;margin-bottom:3px;font-size:10px;font-weight:700;display:flex}.bubble-trans-body{color:var(--muted);font-size:13px;line-height:1.6}.bubble-time{color:var(--faint);margin-top:4px;font-size:10px}.typing-dots{align-items:center;gap:4px;display:inline-flex;padding:12px 14px!important}.typing-dots span{background:var(--faint);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typingBlink}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBlink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.typing-dots span{animation:none}}.inbox-row{border:0;border-bottom:1px solid var(--line-soft);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;transition:background .12s;display:flex}.inbox-row:hover{background:var(--surface-2)}.inbox-row:active{background:var(--chip)}.peer-fix{background:var(--brand-tint);border:1px solid var(--brand);border-radius:12px;max-width:100%;margin-top:5px;padding:8px 11px;animation:.28s bubbleIn}.peer-fix-head{color:var(--brand-deep);align-items:center;gap:4px;font-size:10.5px;font-weight:800;display:flex}.peer-fix-body{color:var(--ink);margin-top:4px;font-size:13px;line-height:1.5}.peer-fix-note{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.45}.chat-input-wrap{background:var(--surface);border-top:1px solid var(--line);padding:8px 12px 20px}.chat-input{background:var(--chip);border-radius:999px;flex:1;align-items:center;gap:6px;min-height:28px;padding:8px 8px 8px 15px;display:flex}.chat-input .placeholder{color:var(--faint);flex:1;font-size:13.5px}.chat-input .live-input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-family:inherit;font-size:13.5px}.chat-input .live-input::placeholder{color:var(--faint)}.chat-ai-chip{background:var(--surface);color:var(--brand-deep);border-radius:999px;align-items:center;gap:3px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}@keyframes speak-pulse{0%,to{box-shadow:0 0 0 3px #12a17747}50%{box-shadow:0 0 0 7px #12a1771f}}.speaking{border:2px solid var(--brand);animation:1.6s ease-in-out infinite speak-pulse}.field{border:1.5px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:13px 15px;font-family:inherit;font-size:14px}.field:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.field::placeholder{color:var(--faint)}.auth-google{background:var(--surface);border:1.5px solid var(--line);width:100%;color:var(--ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 15px;font-size:14px;font-weight:700;transition:background .12s,border-color .12s,transform 60ms;display:flex;box-shadow:0 1px 2px #0000000a}.auth-google:hover{background:var(--surface-2);border-color:var(--brand)}.auth-google:active{transform:scale(.99)}.auth-google.disabled{opacity:.6;pointer-events:none}.chat-round-btn{cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .12s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #12a1774d}.chat-round-btn:active{transform:scale(.9)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes popHeart{0%{transform:scale(1)}35%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tabPop{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}.screen{animation:.28s both fadeIn}.bubble-me,.bubble-them{animation:.24s cubic-bezier(.22,1,.36,1) both bubbleIn}.pill,.icon-btn{transition:transform .12s,background .15s,box-shadow .18s}.pill:active,.icon-btn:active{transform:scale(.94)}.icon-btn:active{background:var(--chip)}.heart-pop{animation:.34s popHeart}.skel{background:linear-gradient(90deg,#eef1f0 25%,#f7f9f8 37%,#eef1f0 63%) 0 0/200% 100%;border-radius:10px;animation:1.4s ease-in-out infinite shimmer}.skel-line{border-radius:6px;height:12px}.skel-circle{border-radius:50%}.skel-card{animation:.3s both cardIn}.spinner{border:2px solid var(--brand-mist);border-top-color:var(--brand);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.enter{animation:.3s both cardIn}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}