*{box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0;scroll-behavior:auto}body{width:100%;min-width:320px;height:100vh;height:100svh;height:100dvh;margin:0;padding:0;overflow:hidden;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Noto Sans SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef3f1;color:#17221f}img{display:block}#app{width:100%;height:100%;margin:0;padding:0}.landing-page{--landing-top-safe: env(safe-area-inset-top, 0px);--landing-viewport-height: 100dvh;--landing-bottom-safe: env(safe-area-inset-bottom, 0px);--landing-button-height: 76px;--landing-shell-width: min(100vw, 430px);--ui-scale: 1;--theme-ink: #142f32;--theme-teal: #007b80;--theme-teal-dark: #005f63;--theme-teal-soft: #e9fbfb;--theme-panel: #edf6f4;--theme-user-bubble: #d8f7f2;--chat-pad-x: calc(14px * var(--ui-scale));--chat-pad-y: calc(18px * var(--ui-scale));--chat-gap: calc(10px * var(--ui-scale));--chat-row-gap: calc(12px * var(--ui-scale));--avatar-size: calc(42px * var(--ui-scale));--bubble-pad-y: calc(12px * var(--ui-scale));--bubble-pad-x: calc(14px * var(--ui-scale));--bubble-font-size: calc(15px * var(--ui-scale));--choice-gap-x: calc(12px * var(--ui-scale));--choice-gap-y: calc(10px * var(--ui-scale));--choice-height: calc(42px * var(--ui-scale));--choice-font-size: calc(14px * var(--ui-scale));--bubble-radius: calc(8px * var(--ui-scale));--bottom-gap: calc(18px * var(--ui-scale));position:relative;width:100%;height:100vh;height:100svh;height:100dvh;margin:0;padding:var(--landing-top-safe) 0 0;overflow:hidden;background:#dfe8e4}.landing-scroll{width:var(--landing-shell-width);height:calc(var(--landing-viewport-height) - var(--landing-top-safe));margin:0 auto;padding:0 0 var(--bottom-gap);overflow-x:hidden;overflow-y:auto;background:var(--theme-panel);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:auto}.landing-page--has-action .landing-scroll{padding-bottom:calc(var(--landing-button-height) + var(--landing-bottom-safe) + var(--bottom-gap))}.landing-scroll::-webkit-scrollbar{display:none}.landing-hero,.landing-action,.landing-button{display:block;width:100%;margin:0;padding:0}.landing-action{position:fixed;right:0;bottom:0;left:0;z-index:10;pointer-events:none;animation:cta-rise .36s cubic-bezier(.22,1,.36,1) both}.landing-button{width:100%;margin:0 auto var(--landing-bottom-safe);text-decoration:none;pointer-events:auto;transition:filter .18s ease,transform .18s ease}.landing-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.landing-button:active{transform:translateY(1px) scale(.99)}.landing-button img{width:100%;height:auto;margin:0 auto;padding:0}.landing-hero{background:#102822}.landing-hero img{width:100%;height:auto;margin:0;padding:0}.chat-panel{padding:var(--chat-pad-y) var(--chat-pad-x) calc(6px * var(--ui-scale));background:var(--theme-panel)}.chat-body{display:flex;flex-direction:column;gap:var(--chat-row-gap);overflow:visible}.chat-row{display:flex;align-items:flex-start;gap:var(--chat-gap)}.chat-row--user{justify-content:flex-end}.chat-avatar{display:grid;flex:0 0 var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;place-items:center;background:#263c36;color:#fff;box-shadow:0 calc(3px * var(--ui-scale)) calc(10px * var(--ui-scale)) #00585b29;font-size:calc(13px * var(--ui-scale));font-weight:800;overflow:hidden}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar--user{background:var(--theme-teal)}.chat-bubble{position:relative;max-width:calc(var(--landing-shell-width) - var(--chat-pad-x) - var(--chat-pad-x) - var(--avatar-size) - var(--chat-gap) - (12px * var(--ui-scale)));margin:0;padding:var(--bubble-pad-y) var(--bubble-pad-x);border-radius:var(--bubble-radius);background:#ffffff;color:var(--theme-ink);box-shadow:0 calc(1px * var(--ui-scale)) 0 #223a320a;font-size:var(--bubble-font-size);line-height:1.6}.chat-bubble:before{position:absolute;top:calc(14px * var(--ui-scale));left:calc(-6px * var(--ui-scale));width:0;height:0;border-top:calc(7px * var(--ui-scale)) solid transparent;border-right:calc(7px * var(--ui-scale)) solid #ffffff;border-bottom:calc(7px * var(--ui-scale)) solid transparent;content:""}.chat-message-enter-active{transition:opacity .32s ease,transform .32s cubic-bezier(.22,1,.36,1)}.chat-message-leave-active{position:absolute;transition:opacity .18s ease,transform .18s ease}.chat-message-enter-from{opacity:0;transform:translate3d(-10px,12px,0) scale(.98)}.chat-message-leave-to{opacity:0;transform:translate3d(0,-6px,0)}.chat-row--user.chat-message-enter-from{transform:translate3d(12px,12px,0) scale(.98)}.chat-row--typing.chat-message-leave-active{position:static;transition:none}.chat-row--typing.chat-message-leave-to{opacity:0;transform:none}.chat-row--typing.chat-message-leave-active .chat-bubble--typing span{animation-play-state:paused}.chat-bubble strong{color:#d72921;font-weight:900}.chat-row--user .chat-bubble{background:var(--theme-user-bubble);color:#123a3b}.chat-row--user .chat-bubble:before{right:calc(-6px * var(--ui-scale));left:auto;border-right:0;border-left:calc(7px * var(--ui-scale)) solid var(--theme-user-bubble)}.chat-row--typing .chat-bubble{display:inline-flex;align-items:center;gap:calc(5px * var(--ui-scale));min-width:calc(58px * var(--ui-scale));min-height:calc(38px * var(--ui-scale));padding:var(--bubble-pad-y) var(--bubble-pad-x)}.chat-bubble--typing span{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));border-radius:50%;background:rgba(0,123,128,.56);animation:typing-dot .9s ease-in-out infinite}.chat-bubble--typing span:nth-child(2){animation-delay:.12s}.chat-bubble--typing span:nth-child(3){animation-delay:.24s}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--choice-gap-y) var(--choice-gap-x);margin-top:calc(18px * var(--ui-scale));padding-bottom:calc(4px * var(--ui-scale))}.choice-panel-enter-active,.choice-panel-leave-active{pointer-events:none;transition:opacity .22s ease,transform .22s ease}.choice-panel-enter-from,.choice-panel-leave-to{opacity:0;transform:translateY(10px)}.choice-button{min-height:var(--choice-height);border:calc(1px * var(--ui-scale)) solid rgba(0,123,128,.18);border-radius:calc(8px * var(--ui-scale));background:var(--theme-teal-soft);color:var(--theme-teal-dark);box-shadow:0 calc(4px * var(--ui-scale)) calc(10px * var(--ui-scale)) #00646829;cursor:pointer;font:inherit;font-size:var(--choice-font-size);font-weight:800;line-height:1.2;animation:choice-rise .3s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--choice-index, 0) * 55ms);transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.choice-button:hover{background:#dff8f8;box-shadow:0 calc(7px * var(--ui-scale)) calc(16px * var(--ui-scale)) #00646838;transform:translateY(-1px)}.choice-button:active{transform:translateY(1px) scale(.99)}.landing-button:focus-visible,.choice-button:focus-visible{outline:3px solid rgba(0,151,156,.35);outline-offset:2px}@media (min-width: 768px){.landing-page{background:linear-gradient(90deg,rgba(22,43,38,.05),rgba(12,31,27,.14)),#dfe8e4}.landing-action{right:auto;left:50%;width:var(--landing-shell-width);transform:translate(-50%)}.landing-scroll{box-shadow:0 0 0 1px #1c393114,0 24px 80px #162a252e}}@keyframes typing-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes choice-rise{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cta-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}