*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:#252525;background:radial-gradient(circle at 20% 10%,#ffdce6b3,#0000 28%),radial-gradient(circle at 80% 30%,#ffeec4cc,#0000 26%),linear-gradient(145deg,#f7f5f1,#eef3ff);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}.page{place-items:center;height:100%;padding:0;display:grid;overflow:hidden}.phone{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#ffffff94;border-radius:38px;flex-direction:column;width:min(420px,100%);height:min(860px,100dvh);max-height:100dvh;padding:22px 18px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 90px #504c642e,inset 0 0 0 1px #fffc}.screen{z-index:1;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.homeScreen{justify-content:flex-start;gap:28px;padding:18px 4px 28px}.chatScreen{height:100%;min-height:0}.softGlow{filter:blur(20px);pointer-events:none;opacity:.7;border-radius:999px;width:220px;height:220px;position:absolute}.glowA{background:#ffcdda8c;top:120px;left:-70px}.glowB{background:#ffecb5b3;top:280px;right:-80px}.topBar{align-items:center;gap:14px;padding:6px 4px 18px;display:flex;position:relative}.backButton{color:#2f2b28;background:#ffffffc7;border:0;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 24px #504c641f,inset 0 0 0 1px #ffffffd9}.avatar{background:linear-gradient(145deg,#ffffffe6,#ffe5d4b3);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;overflow:hidden;box-shadow:0 12px 28px #504c641f}.avatarImage{object-fit:cover;width:100%;height:100%;display:block}.topBar h1{letter-spacing:0;margin:0;font-size:24px}.topBar p{color:#7b7470;margin:3px 0 0;font-size:15px}.heroHeader{text-align:center;flex:none;padding-top:34px}.heroAvatar{width:76px;height:76px;margin:0 auto 18px}.eyebrow{color:#9b7166;margin:0 0 8px;font-size:13px;font-weight:700}.heroHeader h1{letter-spacing:0;margin:0;font-size:34px;line-height:1.15}.heroHeader p:last-child{color:#766f6a;margin:10px 0 0;font-size:16px}.identityGrid{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;min-height:0;padding:2px 2px 10px;display:grid;overflow-y:auto}.identityGrid::-webkit-scrollbar{display:none}.identityButton{color:#2b2826;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffffc7,#fff2ea7a);border:0;border-radius:24px;min-height:86px;padding:16px;font-size:22px;font-weight:750;transition:box-shadow .18s,background .18s;box-shadow:0 18px 44px #5a50461f,inset 0 0 0 1px #ffffffe0}.identityButton:hover{background:linear-gradient(145deg,#ffffffdb,#fff5ee94);box-shadow:0 22px 48px #5a504624,inset 0 0 0 1px #fffffff0}.homeNote{color:#655b5494;text-align:center;flex:none;max-width:320px;margin:-12px auto 0;font-size:12px;line-height:1.5}.quickGrid{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:0 0;flex:none;gap:8px;margin:0 -2px 10px;padding:2px 16px 10px 2px;display:flex;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 22px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 22px),#0000 100%)}.quickGrid::-webkit-scrollbar{display:none}.quickCard{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:0;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:40px;padding:8px 13px 8px 10px;transition:background .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 10px 26px #5a50461a,inset 0 0 0 1px #ffffffe6}.quickCard:not(:disabled):hover{background:#ffffffc2;box-shadow:0 13px 30px #5a50461f,inset 0 0 0 1px #fffffff5}.quickCard:disabled,.presetToggle:disabled,.presetQuestion:disabled,.inputBar button:disabled{opacity:.58}.iconBubble{background:#ffffffdb;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;margin-bottom:0;display:grid;box-shadow:0 4px 12px #504c6414}.quickCard span{white-space:nowrap;color:#34302d;font-size:14px;font-weight:650;line-height:1;display:block}.chatArea{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;padding:8px 2px 22px;scroll-padding-bottom:22px;position:relative;overflow-y:auto}.chatArea::-webkit-scrollbar{display:none}.bubble{white-space:pre-wrap;border-radius:20px;width:fit-content;max-width:86%;margin:8px 0;padding:12px 14px;font-size:15px;line-height:1.55;box-shadow:0 10px 24px #5a504614}.bubble.loading{align-items:center;gap:8px;animation:1.6s ease-in-out infinite bubbleBreath;display:inline-flex}.bubble.bot{color:#37322f;background:#ffffffbd;border-top-left-radius:7px}.bubble.user{color:#2f2924;background:#ffe8cddb;border-top-right-radius:7px;margin-left:auto}.typingDots{align-items:center;gap:3px;padding-top:2px;display:inline-flex}.typingDots i{background:#5c524b94;border-radius:50%;width:4px;height:4px;animation:1.05s ease-in-out infinite typingDot}.typingDots i:nth-child(2){animation-delay:.14s}.typingDots i:nth-child(3){animation-delay:.28s}@keyframes bubbleBreath{0%,to{opacity:.72}50%{opacity:1}}@keyframes typingDot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:.95;transform:translateY(-3px)}}.presetPanel{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff70;border-radius:20px;flex:none;margin-bottom:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffad}.presetToggle{color:#4a423d;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 12px;font-size:14px;font-weight:700;display:flex}.presetToggle svg{flex:none;transition:transform .18s}.presetPanel.open .presetToggle svg{transform:rotate(180deg)}.presetList{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:7px;min-height:0;max-height:186px;padding:0 8px 8px;display:grid;overflow-y:auto}.presetList::-webkit-scrollbar{display:none}.presetQuestion{text-align:left;color:#342f2b;background:#ffffff9e;border:0;border-radius:15px;width:100%;padding:10px 11px;font-size:14px;line-height:1.35;transition:background .18s,transform .18s;box-shadow:inset 0 0 0 1px #ffffffb8}.presetQuestion:not(:disabled):hover{background:#ffffffc7;transform:translateY(-1px)}.inputBar{z-index:3;background:#ffffff9e;border-radius:24px;flex:none;align-items:center;gap:10px;padding:8px;transition:box-shadow .18s,background .18s;display:flex;position:relative;box-shadow:0 14px 34px #504c641f,inset 0 0 0 1px #fffc}.inputBar:focus-within{background:#ffffffbd;box-shadow:0 16px 38px #504c6426,inset 0 0 0 1px #fffffff5}.inputBar input{color:#2c2927;background:0 0;border:0;outline:none;flex:1;padding:10px 8px}.inputBar input::placeholder{color:#9a928c}.inputBar button{color:#292522;background:#fff;border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .16s,box-shadow .16s,opacity .16s;display:grid;box-shadow:0 8px 18px #504c6421}.inputBar button:not(:disabled):hover{transform:scale(1.04);box-shadow:0 10px 22px #504c6429}.inputBar button:active{transform:scale(.96)}.inputBar button:disabled{transform:none}@media (width<=380px){.phone{border-radius:0;padding:18px 14px 14px}.topBar h1{font-size:21px}.heroHeader h1{font-size:30px}.identityButton{min-height:78px;font-size:20px}.quickCard{min-height:38px;padding:8px 12px 8px 9px}.quickCard span{font-size:13px}.topBar{gap:10px}}@media (width<=520px){.phone{border-radius:0;width:100%;box-shadow:inset 0 0 0 1px #ffffffb8}.homeScreen{gap:20px}.heroHeader{padding-top:max(12px, env(safe-area-inset-top))}.topBar{padding-top:max(6px, env(safe-area-inset-top));flex:none}.iconBubble{width:22px;height:22px}.inputBar{margin-bottom:env(safe-area-inset-bottom)}.chatArea{padding-bottom:20px;scroll-padding-bottom:20px}.presetList{max-height:168px}}