:root{--teal-900:#0d3b3a;--teal-800:#124f4c;--teal-700:#1d6b66;--teal-600:#2f8f86;--teal-500:#3fb0a3;--teal-300:#8fdccd;--teal-100:#def5ef;--mint:#b9f0de;--cream:#fbf8ef;--ink:#23413f;--ink-soft:#5b7a76;--gold:#d8b46a;--gold-soft:#f1dfb2;--radius:22px;--shadow:0 24px 60px -24px #0934328c, 0 2px 8px #0934321f;--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, sans-serif;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#2c8a83;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-sky{background:radial-gradient(1200px 600px at 15% -10%,#ffffff8c,#0000 60%),radial-gradient(900px 500px at 100% 0,#b9f0de80,#0000 65%),linear-gradient(#86d6c8 0%,#4fb4a6 42%,#2a837d 78%,#1b6561 100%);position:absolute;inset:0}.bg-namecard{opacity:.22;mix-blend-mode:soft-light;filter:blur(2px)saturate(1.1);background:url(/img/art/namecard.webp) 50%/cover no-repeat;position:absolute;inset:-4%}.bg-glow{background:radial-gradient(closest-side,#fffae659,#0000);height:60%;position:absolute;bottom:-30%;left:-10%;right:-10%}.bg-wind{width:100%;height:100%;position:absolute;inset:0}.bg-wind .w{fill:none;stroke:#ffffff8c;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:160 1400;animation:9s linear infinite wind}.bg-wind .w2{stroke-width:1.1px;animation-duration:12s;animation-delay:-4s}.bg-wind .w3{animation-duration:10.5s;animation-delay:-7s}.bg-wind .w4{stroke:#ffffff59;animation-duration:14s;animation-delay:-2s}@keyframes wind{0%{stroke-dashoffset:1560px}to{stroke-dashoffset:0}}.bit{color:#fffffff2;animation:fall var(--dur) linear infinite;animation-delay:var(--delay);position:absolute;top:-8%}.bit.feather{color:#e1fff6e6}.bit svg{filter:drop-shadow(0 2px 3px #0a3c382e);width:100%;height:auto;display:block}.bit-inner{animation:sway calc(var(--dur) / 4) ease-in-out infinite alternate;animation-delay:var(--delay);display:block}@keyframes fall{0%{transform:translate3d(0, -10vh, 0) rotate(var(--rot))}to{transform:translate3d(var(--drift), 112vh, 0) rotate(calc(var(--rot) * -1))}}@keyframes sway{0%{transform:translateX(calc(var(--sway) * -.5)) rotate(-14deg)}to{transform:translateX(calc(var(--sway) * .5)) rotate(14deg)}}.app{z-index:1;justify-content:center;align-items:stretch;gap:28px;height:100dvh;padding:28px;display:flex;position:relative}.hero{display:none}.chat{-webkit-backdrop-filter:blur(18px)saturate(1.2);border-radius:var(--radius);width:100%;max-width:760px;min-height:0;box-shadow:var(--shadow);background:#fbf8efdb;border:1px solid #ffffffb3;flex-direction:column;display:flex;position:relative;overflow:hidden}.chat:before{content:"";background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold-soft) 50%, var(--gold) 80%, transparent);opacity:.85;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:18px;right:18px}@media (width>=980px){.hero{border-radius:var(--radius);min-width:0;max-width:560px;box-shadow:var(--shadow);background:linear-gradient(#ffffff1f,#0d3b3a8c),url(/img/art/namecard.webp) 50%/cover;border:1px solid #ffffff59;flex-direction:column;flex:1 1 0;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.hero-art{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0 0 34%}.hero-art img{filter:drop-shadow(0 18px 30px #06282673);width:135%;max-width:none;height:auto;animation:6s ease-in-out infinite breathe;transform:translate(4%)}@keyframes breathe{50%{transform:translate(4%)translateY(-6px)}}.hero-text{color:#f6fffb;background:linear-gradient(#0000,#092d2cc7 28%);padding:26px 30px 24px;position:relative}.eyebrow{letter-spacing:.2em;color:var(--mint);margin:0 0 6px;font-size:13px}.hero h1{font-family:var(--serif);letter-spacing:.08em;text-shadow:0 2px 12px #00000040;margin:0;font-size:40px;font-weight:700}.quote{font-family:var(--serif);color:#e9fff8;opacity:.95;margin:10px 0 18px;font-size:15.5px;line-height:1.7}.facts{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;display:grid}.facts div{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;padding:7px 10px}.facts dt{color:var(--teal-300);letter-spacing:.1em;font-size:11.5px}.facts dd{margin:2px 0 0;font-size:14px;font-weight:600}.disclaimer{color:#e6fff8b3;margin:0;font-size:11.5px;line-height:1.6}.chat{flex:1 1 0;max-width:640px}.chips{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}.chat-head{background:linear-gradient(90deg,#fbf8eff7 35%,#fbf8efb8),url(/img/art/namecard.webp) 100%/cover;border-bottom:1px solid #2f8f8629;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 12px;display:flex}.me{align-items:center;gap:12px;min-width:0;display:flex}.ring{background:conic-gradient(from 200deg, var(--teal-500), var(--gold), var(--teal-300), var(--teal-500));border-radius:50%;flex:none;width:50px;height:50px;padding:3px;position:relative}.ring img{object-fit:cover;background:#dff3ee;border-radius:50%;width:100%;height:100%;display:block}.name{font-family:var(--serif);color:var(--teal-900);letter-spacing:.04em;font-size:20px;font-weight:700}.name small{font-family:var(--font);color:var(--ink-soft);letter-spacing:.06em;margin-left:4px;font-size:12px;font-weight:500}.status{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-top:2px;font-size:12.5px;display:flex;overflow:hidden}.dot{background:#9bb;border-radius:50%;flex:none;width:8px;height:8px}.dot.demo,.dot.ai{background:#43c59e;box-shadow:0 0 0 3px #43c59e33}.head-actions{flex:none;align-items:center;gap:8px;display:flex}.pill{border:1px solid;border-radius:999px;align-items:center;gap:5px;height:30px;padding:0 11px;font-size:12.5px;font-weight:600;display:inline-flex}.pill svg{width:15px;height:15px}.pill.demo{color:#8a5a12;background:#fff3d6;border-color:#f0cf86}.pill.ai{color:var(--teal-700);background:var(--teal-100);border-color:var(--teal-300)}.icon-btn{height:30px;color:var(--teal-700);background:#ffffffb3;border:1px solid #2f8f864d;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:12.5px;display:inline-flex}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{background:#fff}.info-bar{color:#6b5220;background:#fff8e6;border:1px solid #f2dca6;border-radius:14px;margin:10px 16px 0;padding:10px 14px;font-size:13px;line-height:1.7}.list{scroll-behavior:smooth;overscroll-behavior:contain;flex:auto;min-height:0;padding:14px 16px 18px;overflow-y:auto}.list::-webkit-scrollbar{width:6px}.list::-webkit-scrollbar-thumb{background:#2f8f8640;border-radius:3px}.day-sep{justify-content:center;margin:2px 0 14px;display:flex}.day-sep span{color:var(--ink-soft);letter-spacing:.05em;background:#2f8f8614;border-radius:999px;padding:4px 12px;font-size:11.5px}.row{gap:10px;margin:0 0 16px;animation:.35s ease-out both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.row.user{justify-content:flex-end}.avatar{object-fit:cover;background:#dff3ee;border:2px solid #fff;border-radius:50%;flex:none;width:40px;height:40px;box-shadow:0 2px 8px #0d3b3a33}.bubble-wrap{flex-direction:column;min-width:0;max-width:min(82%,520px);display:flex}.row.user .bubble-wrap{align-items:flex-end}.who{color:var(--ink-soft);align-items:center;gap:6px;margin:0 0 4px 4px;font-size:12px;display:flex}.tag{color:#8a6420;background:#d8b46a33;border-radius:6px;padding:1px 6px;font-size:10.5px}.bubble{word-break:break-word;border-radius:6px 18px 18px;padding:11px 15px;font-size:15px;line-height:1.75;position:relative}.row.venti .bubble{background:#fff;border:1px solid #2f8f8624;box-shadow:0 4px 14px -6px #0d3b3a2e}.row.user .bubble{color:#fff;background:linear-gradient(135deg, var(--teal-500), var(--teal-700));white-space:pre-wrap;border-radius:18px 6px 18px 18px;box-shadow:0 6px 16px -8px #0d4f4c99}.bubble p{white-space:pre-line;margin:0}.bubble p+p{margin-top:6px}.bubble .ctx{color:var(--ink-soft);border-left:2px solid var(--teal-300);padding-left:10px;font-size:13px}.bubble .narr{font-family:var(--serif);color:var(--ink-soft)}.action{color:var(--teal-600);font-size:.93em}.caret{vertical-align:-2px;background:var(--teal-500);width:2px;height:1em;margin-left:2px;animation:.9s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.bubble.waiting{padding:12px 16px}.dots{color:var(--ink-soft);align-items:center;gap:5px;font-size:13px;display:flex}.dots i{background:var(--teal-500);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite hop}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.dots span{margin-left:6px}@keyframes hop{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.sticker{object-fit:cover;background:#fff;border:1px solid #2f8f8624;border-radius:16px;width:116px;height:116px;margin-top:8px;animation:.4s cubic-bezier(.2,1.4,.4,1) both pop;box-shadow:0 6px 16px -10px #0d3b3a80}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.src{color:#8a6a2c;gap:4px;margin:6px 0 0 4px;font-size:11.5px;display:flex}.src:before{content:"♪";color:var(--gold)}.note{color:#6b5220;background:#fff8e6;border:1px dashed #edd08f;border-radius:10px;margin:6px 0 0;padding:7px 10px;font-size:12px;line-height:1.6}.composer{padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:#ffffff8c;border-top:1px solid #2f8f8624}.chips{scrollbar-width:none;gap:8px;padding:2px 2px 10px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.chips::-webkit-scrollbar{display:none}.chip{height:32px;color:var(--teal-700);background:#fff;border:1px solid #2f8f8659;border-radius:999px;flex:none;padding:0 13px;font-size:13px;transition:background .15s,transform .15s}@media (hover:hover){.chip:hover:not(:disabled){background:var(--teal-100);transform:translateY(-1px)}}.chip:active:not(:disabled){background:var(--teal-100)}.chip:disabled{opacity:.5}.input-row{background:#fff;border:1.5px solid #2f8f864d;border-radius:18px;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.input-row:focus-within{border-color:var(--teal-500);box-shadow:0 0 0 4px #3fb0a326}textarea{resize:none;font:inherit;color:var(--ink);field-sizing:content;background:0 0;border:0;outline:0;flex:1;min-height:24px;max-height:120px;padding:7px 0;font-size:15.5px;line-height:1.5}textarea::placeholder{color:#9ab3ae}.send{color:#fff;background:linear-gradient(135deg, var(--teal-500), var(--teal-700));border:0;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;transition:transform .15s,opacity .15s;display:grid}.send svg{width:19px;height:19px}.send:disabled{opacity:.4}.send:not(:disabled):active{transform:scale(.92)}.hint{color:var(--ink-soft);justify-content:space-between;min-height:16px;margin:6px 4px 0;font-size:11.5px;display:flex}.hint .over{color:#c2412d;font-weight:600}.chat.sneeze-1,.chat.sneeze-0{animation:.6s ease-in-out achoo-shake}@keyframes achoo-shake{0%,to{transform:none}15%{transform:translate(-6px,2px)rotate(-.6deg)}30%{transform:translate(6px,-2px)rotate(.6deg)}45%{transform:translate(-4px,1px)}60%{transform:translate(3px)}}.achoo{font-family:var(--serif);color:var(--teal-600);white-space:nowrap;z-index:3;pointer-events:none;background:#ffffffeb;border-radius:999px;padding:10px 26px;font-size:40px;font-weight:800;animation:1.4s ease-out forwards achoo;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px -8px #0d3b3a66}@keyframes achoo{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-90%)scale(1)}}.apples{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.apples span{animation-name:apple-fall;animation-timing-function:cubic-bezier(.45,0,.8,.6);animation-fill-mode:both;position:absolute;top:-60px}@keyframes apple-fall{0%{opacity:1;transform:translateY(0)rotate(0)}85%{opacity:1}to{transform:translateY(110vh) rotate(var(--rot));opacity:0}}.modal{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#092d2c73;place-items:center;padding:24px;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal-card{text-align:center;background:var(--cream);width:min(360px,100%);box-shadow:var(--shadow);border:1px solid #fff;border-radius:22px;padding:22px 22px 18px;animation:.3s ease-out pop}.modal-card img{background:#fff;border-radius:16px}.modal-card h2{font-family:var(--serif);color:var(--teal-900);margin:10px 0 6px;font-size:19px}.modal-card p{color:var(--ink-soft);margin:0 0 16px;font-size:13.5px;line-height:1.7}.modal-actions{gap:10px;display:flex}.btn{border:1px solid #0000;border-radius:14px;flex:1;height:42px;font-size:15px;font-weight:600}.btn.ghost{color:var(--teal-700);background:#fff;border-color:#2f8f864d}.btn.primary{color:#fff;background:linear-gradient(135deg,#e0775f,#c2412d)}@media (width<=640px){.app{padding:0}.chat{background:#fbf8efe6;border:0;border-radius:0;max-width:none}.chat:before{left:0;right:0}.chat-head{padding:calc(12px + env(safe-area-inset-top)) 12px 10px}.ring{width:44px;height:44px}.name{font-size:18px}.icon-btn span{display:none}.icon-btn{justify-content:center;width:32px;padding:0}.list{padding:12px 12px 14px}.bubble-wrap{max-width:84%}.bubble{font-size:15px}.avatar{width:36px;height:36px}.composer{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.sticker{width:104px;height:104px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=979px){.chat{background:linear-gradient(#fbf8efdb,#fbf8efe6),url(/img/art/splash.webp) 30% 58%/190% no-repeat,#fbf8efe6}}