:root{font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#171717;background:radial-gradient(circle at top,rgba(255,255,255,.88),transparent 28%),radial-gradient(circle at 20% 0%,rgba(0,0,0,.035),transparent 32%),linear-gradient(180deg,#f4f2ee,#ebe8e1 52%,#e4e0d9);line-height:1.5;font-weight:400;color-scheme:light;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-bg: rgba(250, 249, 247, .84);--app-bg-strong: rgba(255, 255, 255, .96);--card-bg: rgba(255, 255, 255, .74);--card-bg-strong: rgba(255, 255, 255, .92);--text-main: #171717;--text-soft: #6b665f;--text-faint: #9b958d;--line: rgba(17, 17, 17, .08);--line-strong: rgba(17, 17, 17, .15);--shadow-soft: 0 18px 50px rgba(13, 13, 13, .08);--shadow-card: 0 14px 32px rgba(17, 17, 17, .08);--shadow-float: 0 22px 42px rgba(17, 17, 17, .1);--bubble-me: #1b1b1d;--bubble-other: rgba(255, 255, 255, .85);--danger: #d74d45;--app-viewport-height: 100dvh;--app-viewport-top: 0px;--app-viewport-bottom: 0px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;width:100%;max-width:100vw;overflow:hidden}html{overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;overscroll-behavior:none;color:var(--text-main);touch-action:none}button,textarea,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}textarea::placeholder{color:#b5b0a9}img{max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-shell{width:min(100%,540px);max-width:100%;max-height:var(--app-viewport-height);height:var(--app-viewport-height);margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,#ffffff5c,#fff0),linear-gradient(180deg,#faf9f7eb,#f4f1ecfa);box-shadow:var(--shadow-soft);overflow:hidden;position:relative;top:var(--app-viewport-top);overscroll-behavior:none;touch-action:none}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top center,rgba(255,255,255,.62),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.22),transparent 20%)}.app-shell--loading{place-items:center}.topbar{position:relative;z-index:10;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 10px;background:linear-gradient(180deg,#f4f2eef5,#f4f2ee9e);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar__center{min-width:0;text-align:center}.topbar__eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:2px}.topbar__title{font-weight:700;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-panel{display:flex;min-height:0;padding:14px 14px 18px;overflow:hidden}.chat-list,.sheet__content{display:flex;flex-direction:column;gap:12px;min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;overscroll-behavior-x:none;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch}.chat-list::-webkit-scrollbar,.sheet__content::-webkit-scrollbar{display:none}.chat-list{flex:1;min-height:0;height:auto;padding:8px 2px 24px}.chat-list__end{width:100%;height:1px}.chat-list--empty,.sheet__content--empty{overflow:hidden}.chat-row{display:flex}.chat-row--me{justify-content:flex-end}.chat-row--other{justify-content:flex-start}.thinking-row{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:6px 2px 2px;color:var(--text-faint);font-size:13px;line-height:1}.thinking-row__label{font-weight:500}.thinking-row__dots{display:inline-flex;gap:2px}.thinking-row__dots span{display:inline-block;animation:thinking-dot-fade 1s ease-in-out infinite}.thinking-row__dots span:nth-child(2){animation-delay:.16s}.thinking-row__dots span:nth-child(3){animation-delay:.32s}.chat-bubble{max-width:min(78%,340px);padding:11px 13px;border-radius:24px;white-space:pre-wrap;text-align:left;position:relative;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-bubble--interactive{width:auto}.chat-bubble--me{background:linear-gradient(180deg,#1f1f22fa,#111113);color:#f7f7f5;box-shadow:0 18px 30px #11111129}.chat-bubble--other{background:var(--bubble-other);color:var(--text-main);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-card)}.chat-bubble--media{padding:7px}.chat-bubble--media-only{max-width:min(48vw,180px);padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}.chat-bubble__image{display:block;width:100%;max-width:100%;border-radius:18px;margin-bottom:7px;object-fit:cover;box-shadow:0 12px 24px #1111111f}.chat-bubble--media-only .chat-bubble__image{width:min(48vw,180px);aspect-ratio:4 / 5;margin-bottom:0;border-radius:18px;object-fit:cover}.chat-bubble__text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.58}.footer-panel{padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#f4f2ee00,#f4f2eedb 22%,#f4f2eefa)}.composer{display:grid;gap:10px}.composer__preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:24px;background:#fffc;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-card)}.composer__preview img{width:72px;height:72px;object-fit:cover;border-radius:18px;box-shadow:0 12px 24px #1111111a}.composer__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:10px;min-height:62px;padding:10px 12px;border-radius:28px;background:#ffffffe6;border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.composer__bar:focus-within{box-shadow:0 24px 44px #11111124}.composer__camera-button,.composer__circle-button{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px}.composer__camera-button{width:42px;height:42px;color:#232325;background:#ffffffbd}.composer__textarea{width:100%;min-height:42px;max-height:120px;resize:none;border:0;padding:10px 0 7px;background:transparent;color:var(--text-main);box-shadow:none;font-size:15px;line-height:1.6}.composer__textarea:focus{outline:none}.composer__actions{display:flex;align-items:center;gap:8px}.composer-icon{width:21px;height:21px;display:block}.composer__circle-button{width:38px;height:38px;background:#ffffffe0;color:#1a1a1c;border:1.3px solid rgba(17,17,17,.82);box-shadow:0 10px 20px #11111114}.composer__circle-button--active{background:#171719;color:#fff;border-color:#171719}.primary-button,.ghost-button,.danger-button,.icon-button{transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease,background .16s ease}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.icon-button:disabled,.composer__camera-button:disabled,.composer__circle-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.primary-button{min-height:42px;padding:0 16px;border-radius:18px;background:#171719;color:#fff;font-weight:700;box-shadow:0 16px 28px #11111129}.ghost-button{min-height:42px;padding:0 15px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffffc2;border:1px solid var(--line);color:var(--text-main);box-shadow:0 8px 18px #1111110d}.ghost-button--block{width:100%}.danger-button{min-height:42px;padding:0 16px;border-radius:18px;background:var(--danger);color:#fff;font-weight:700;box-shadow:0 14px 26px #d74d452e}.icon-button{width:42px;height:42px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center}.icon-button--chrome{background:#ffffffb8;border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 22px #11111114}.icon-button--soft{background:#ffffffa8;border:1px solid var(--line);box-shadow:0 10px 20px #1111110d}.overlay{position:fixed;top:var(--app-viewport-top);right:0;left:0;height:var(--app-viewport-height);z-index:30;background:#0e0e0f42;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.overlay--center{display:grid;place-items:center;padding:24px}.overlay--dark{background:#000000c7}.overlay--sheet{display:flex;justify-content:flex-end}.overlay--drawer{display:flex;justify-content:flex-start}.drawer,.sheet{background:linear-gradient(180deg,#ffffffe0,#f9f8f5fa);box-shadow:var(--shadow-soft)}.drawer{width:min(88vw,368px);height:100%;padding:calc(22px + env(safe-area-inset-top,0px)) 16px 18px;border-top-right-radius:30px;border-bottom-right-radius:30px}.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.drawer__header-copy h2,.sheet__header h2,.empty-state h3,.dialog h3{margin:0}.drawer__header-copy p,.dialog p,.empty-state p{margin:6px 0 0;color:var(--text-soft)}.drawer__eyebrow,.sheet__eyebrow{display:inline-block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.drawer__list{display:grid;gap:10px}.drawer__item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:24px;background:#ffffff9e;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 22px #1111110d}.drawer__item--active{background:linear-gradient(180deg,#202022fa,#141416);color:#fff;box-shadow:0 18px 30px #11111129}.drawer__item-main{flex:1;padding:4px 2px;text-align:left}.drawer__item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer__item strong,.drawer__item span{display:block}.drawer__item span{font-size:13px;color:var(--text-soft)}.drawer__item--active span,.drawer__item--active .drawer__badge{color:#ffffffd1}.drawer__badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;color:var(--text-main);background:#17171914}.drawer__item--active .drawer__badge{background:#ffffff1f}.sheet{width:min(100%,560px);height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(14px + env(safe-area-inset-bottom,0px))}.sheet__header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}.sheet__header-actions{display:flex;align-items:center;gap:10px}.sheet__turn-badge{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:999px;background:#1111110f;color:var(--text-soft);font-size:13px;font-weight:700}.sheet__content{padding:10px 2px 14px}.sheet__footer{display:grid;gap:10px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.segmented-control{display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:#1111110f}.segmented-control__item{min-height:38px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-soft)}.segmented-control__item--active{background:#ffffffeb;color:var(--text-main);box-shadow:0 10px 18px #1111110f}.inline-error{padding:12px 14px;border-radius:18px;background:#d74d4514;border:1px solid rgba(215,77,69,.14);color:#8e312d;box-shadow:0 10px 18px #d74d450f}.empty-state{display:grid;place-items:center;gap:10px;min-height:100%;padding:28px 20px;text-align:center}.dialog{width:min(100%,360px);padding:22px;border-radius:28px;background:#fffffffa;box-shadow:0 32px 60px #1111112e}.dialog__field{display:grid;gap:8px;margin-top:16px}.dialog__label{font-size:13px;font-weight:600;color:var(--text-soft)}.dialog__input{width:100%;min-height:48px;padding:0 16px;border-radius:18px;border:1px solid var(--line-strong);background:#f8f7f4f5;color:var(--text-main);outline:none}.dialog__input:focus{border-color:#1111115c;box-shadow:0 0 0 4px #1111110f}.dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.lightbox{width:min(100%,560px)}.lightbox img{display:block;width:100%;border-radius:28px;box-shadow:0 28px 52px #00000047}.toast-viewport{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:40}.toast{padding:11px 16px;border-radius:999px;background:#111113e6;color:#fafaf9;box-shadow:0 14px 30px #1111112e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@keyframes thinking-dot-fade{0%,80%,to{opacity:.26;transform:translateY(0)}40%{opacity:1;transform:translateY(-1px)}}@media(min-width:768px){body{padding:18px}.app-shell{min-height:calc(100vh - 36px);border-radius:32px;overflow:hidden}}