/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */.pswp{--pswp-bg: #000;--pswp-placeholder-bg: #222;--pswp-root-z-index: 100000;--pswp-preloader-color: rgba(79, 79, 79, .4);--pswp-preloader-color-secondary: rgba(255, 255, 255, .9);--pswp-icon-color: #fff;--pswp-icon-color-secondary: #4f4f4f;--pswp-icon-stroke-color: #4f4f4f;--pswp-icon-stroke-width: 2px;--pswp-error-text-color: var(--pswp-icon-color)}.pswp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{position:relative;display:block;width:50px;height:60px;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary)}.pswp__icn{position:absolute;top:14px;left:9px;width:32px;height:32px;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:60px;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{position:absolute;width:75px;height:100px;top:50%;margin-top:-50px}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-30px;width:60px;height:60px;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:50px;height:60px;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:pswp-clockwise .6s linear infinite}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{height:30px;margin-top:15px;margin-inline-start:20px;font-size:14px;line-height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85}.pswp--one-slide .pswp__counter{display:none}:root{--bg: #f4f7fb;--surface: #ffffff;--surface-elevated: #fdfefe;--primary: #10a37f;--primary-strong: #0f8c73;--accent: #4b8dff;--text-strong: #0f172a;--text: #1f2937;--text-muted: #566173;--border: #e6e9ef;--shadow-soft: 0 10px 35px rgba(15, 23, 42, .08);--shadow-focus: 0 12px 40px rgba(16, 163, 127, .18);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--gradient-top: linear-gradient(135deg, #1fc7a1 0%, #12a375 45%, #0f8a73 100%);--font-sans: "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--transition-fast: .12s ease;--transition: .2s ease;--control-height: 52px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(circle at 20% 20%,rgba(16,163,127,.06),transparent 38%),radial-gradient(circle at 80% 0%,rgba(75,141,255,.05),transparent 34%);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}html{height:100%;overscroll-behavior-y:none}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);color:var(--text-strong);font-weight:700;line-height:1.2}p{margin:0 0 var(--space-3);color:var(--text)}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-strong)}ul,ol{margin:0 0 var(--space-4);padding-left:var(--space-6);color:var(--text)}img,picture,video,canvas{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}input,textarea{background-color:var(--surface)}button{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}button:active{transform:translateY(1px)}textarea{resize:vertical}::selection{background:#10a37f29;color:var(--text-strong)}hr{border:none;border-bottom:1px solid var(--border);margin:var(--space-5) 0}pre,code{font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[disabled]{cursor:not-allowed;opacity:.6}:focus-visible{outline:3px solid rgba(16,163,127,.35);outline-offset:2px;box-shadow:var(--shadow-focus)}.page-shell{min-height:100vh;padding:var(--space-7) var(--space-4) var(--space-6);overscroll-behavior:contain}.page-frame{position:relative;max-width:1120px;margin:0 auto}.page-hero{position:absolute;inset:0 auto auto 0;width:100%;height:210px;background:var(--gradient-top);filter:blur(24px);opacity:.35;border-radius:var(--radius-lg);transform:translateY(-12px);pointer-events:none}.page-surface{position:relative;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;margin-top:0;overflow:visible}.page-content{display:flex;flex-direction:column;gap:var(--space-5)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.page-title{font-size:22px;margin:0}.ghost-button{font-weight:800;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid rgba(214,219,229,.9);color:var(--text-strong);background:linear-gradient(150deg,#fffffff5,#f4f8f6f0);box-shadow:0 10px 24px #0f172a14,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-stack{display:grid;gap:var(--space-4)}.section-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:0 14px 30px #0f172a0f}.section-card h2{margin-top:0;margin-bottom:var(--space-3)}.section-meta{color:var(--text-muted);font-size:14px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.chat-header{display:grid;grid-template-columns:1fr auto;align-items:center;position:relative;background:#ffffffa6;border:1px solid var(--border);padding:var(--space-4);margin:-var(--space-5) -var(--space-5) var(--space-4);border-radius:var(--radius-lg);box-shadow:0 14px 45px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1fc7a129,#4b8dff1f);pointer-events:none;border-radius:inherit;z-index:0}.header-aurora:before{background-size:180% 180%;animation:header-aurora 12s ease-in-out infinite}.chat-header>*{position:relative;z-index:1}.chat-title{display:grid;gap:var(--space-2);align-items:center;align-self:center}.chat-status{display:flex;align-items:center;gap:var(--space-2);line-height:1.2}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--text-muted);box-shadow:0 0 0 6px #0f172a0a}.status-ok{background:var(--primary);box-shadow:0 0 0 6px #10a37f29}.status-wait{background:#f59e0b;box-shadow:0 0 0 6px #f59e0b29}.status-off{background:#ef4444;box-shadow:0 0 0 6px #ef444429}.status-text{color:var(--text-muted);font-weight:600;font-size:12px}.chat-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.chat-actions .ghost-button{inline-size:40px;block-size:40px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:14px}.form-row{display:grid;gap:var(--space-2);align-items:center}.form-row label{display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-muted);font-weight:600}.form-row input,.section-card textarea{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);min-height:var(--control-height);line-height:1.25}.form-actions{display:flex;justify-content:flex-end}.toast-stack{position:fixed;top:var(--space-5);left:50%;transform:translate(-50%);width:min(92vw,520px);display:grid;justify-items:stretch;gap:var(--space-3);z-index:1000;pointer-events:none}.toast{width:100%;min-width:260px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(214,219,229,.9);background:linear-gradient(140deg,#fffffff5,#f8fbfff5);box-shadow:0 16px 36px #0f172a2e,0 2px 6px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.toast-message{color:var(--text-strong);font-weight:700;line-height:1.35}.toast-error{border-color:#ef444447;background:linear-gradient(140deg,#fff1f1f2,#fff7f7f0);color:#b91c1c}.toast-info{border-color:#10a37f2e;background:linear-gradient(140deg,#10a37f14,#fffffff5)}.toast-success{border-color:#10a37f47;background:linear-gradient(140deg,#10a37f1f,#fffffff0)}.toast-close{border:none;background:transparent;color:var(--text-muted);font-size:18px;line-height:1;padding:4px;border-radius:8px}.toast-close:hover{color:var(--text-strong);background:#0f172a0f}.state-banner{display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(120deg,#fffffff5,#ffffffe0);border:1px solid rgba(239,68,68,.18);box-shadow:0 14px 34px #0f172a14}.state-banner.state-error{background:linear-gradient(135deg,#fff1f1e6,#fff7f7eb)}.state-text{margin:0;color:#b91c1c;font-weight:700}.message-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.message-timestamp{display:flex;justify-content:center;align-items:center;gap:var(--space-2);width:100%;margin:var(--space-4) auto var(--space-1);padding:0;color:var(--text-muted);font-size:12px;letter-spacing:.01em;text-align:center;border-radius:0;background:transparent;box-shadow:none}.scroll-area{padding:0;border-radius:0;border:none;background:transparent;overscroll-behavior-y:none;overscroll-behavior-x:contain}.chat-scroll{overscroll-behavior-y:none}.empty-state{position:relative;padding:var(--space-6);border-radius:var(--radius-lg);border:1px dashed rgba(214,219,229,.9);background:linear-gradient(145deg,#fffffff2,#f8fcf9f5);text-align:center;color:var(--text-muted);overflow:hidden;box-shadow:inset 0 1px #fffc,0 12px 28px #0f172a14}.empty-state:before,.empty-state:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(16,163,127,.12),transparent 60%);filter:blur(4px);opacity:.6}.empty-state:before{inset:auto auto -80px -60px}.empty-state:after{inset:-80px -80px auto auto;background:radial-gradient(circle at 70% 70%,rgba(75,141,255,.12),transparent 55%)}.empty-illustration{inline-size:88px;block-size:88px;margin:0 auto var(--space-3);border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,#10a37f24,#4b8dff1f);box-shadow:0 12px 28px #0f172a1f;border:1px solid rgba(214,219,229,.8);position:relative;overflow:hidden}.empty-illustration:before,.empty-illustration:after{content:"";position:absolute;border-radius:50%;background:#fff6;filter:blur(.5px)}.empty-illustration:before{width:70px;height:70px;top:-18px;right:-6px}.empty-illustration:after{width:36px;height:36px;bottom:6px;left:-8px}.empty-emoji{font-size:36px;transform:translateY(2px)}.empty-title{margin:0 0 var(--space-1);color:var(--text-strong);font-weight:700}.empty-desc{margin:0;color:var(--text-muted);font-size:14px}.message-row{display:flex;align-items:flex-start;gap:var(--space-2)}.message-row.from-me{flex-direction:row-reverse}.bubble{position:relative;max-width:min(680px,90%);background:#f0f4f8;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);box-shadow:0 8px 24px #0f172a0f;color:var(--text);font-size:16px;line-height:1.65;min-height:44px;display:inline-flex;flex-direction:column;gap:var(--space-2);border:1px solid rgba(230,233,239,.9);word-break:break-word}.bubble-text{white-space:pre-wrap}.bubble-me{background:linear-gradient(135deg,#10a37f24,#10a37f3d);color:var(--text-strong);border-color:#10a37f40;box-shadow:0 12px 32px #10a37f26}.bubble-animate{animation:bubble-rise .24s ease-out both}.bubble-animate:nth-child(2n){animation-delay:60ms}.bubble-media img{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 6px 16px #0f172a14;max-height:320px;object-fit:cover}.bubble-voice{padding:var(--space-1) var(--space-2);background:#f0f4f8;border:1px solid rgba(230,233,239,.9);box-shadow:0 8px 24px #0f172a0f;overflow:hidden;max-width:min(620px,90%);min-width:86px;min-height:44px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.bubble-voice .bubble-media{width:100%}.bubble-me.bubble-voice{background:linear-gradient(135deg,#10a37f24,#10a37f3d);border-color:#10a37f40;box-shadow:0 12px 32px #10a37f26}.voice-line{width:100%;border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px var(--space-2);transition:background var(--transition-fast);overflow:hidden;pointer-events:none}.bubble-voice:active{transform:translateY(1px)}.voice-duration{display:inline-flex;align-items:center;font-weight:800;letter-spacing:.02em;color:var(--text-strong);font-size:16px;line-height:1.25;white-space:nowrap;padding:0 4px;align-self:center}.bubble-me .voice-duration{color:var(--primary-strong)}.voice-wave{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:22px;flex:1;padding:1px;min-width:32px;max-width:140px}.voice-wave span{width:4px;border-radius:var(--radius-pill);background:#0f172a47;height:35%;transform-origin:center bottom;animation:voice-pulse 1.1s ease-in-out infinite;animation-play-state:paused}.voice-wave span:nth-child(1){height:50%}.voice-wave span:nth-child(2){height:70%;animation-delay:90ms}.voice-wave span:nth-child(3){height:92%;animation-delay:.18s}.voice-wave span:nth-child(4){height:68%;animation-delay:.27s}.voice-wave span:nth-child(5){height:56%;animation-delay:.36s}.voice-playing .voice-wave span{background:var(--primary-strong);animation-play-state:running}.voice-playing{background:#10a37f14;box-shadow:0 10px 26px #10a37f24}.voice-playing .voice-wave{background:transparent}.bubble-voice:focus-visible{outline:none;box-shadow:0 0 0 3px #10a37f33,0 10px 26px #0f172a14}.bubble-image-link{display:inline-block}.bubble-image{cursor:zoom-in;transition:transform var(--transition),box-shadow var(--transition)}.bubble-image:hover{transform:scale(1.02);box-shadow:0 10px 24px #0f172a24}.meta-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 10px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;letter-spacing:.01em;border:1px solid rgba(214,219,229,.9);background:#ffffffeb;box-shadow:0 6px 18px #0f172a14}.meta-error{color:#b91c1c;border-color:#ef444447;background:#fff1f1e6}.meta-info{color:var(--text-muted);border-color:#10a37f33;background:#10a37f0f}.grid-split{display:grid;gap:var(--space-4)}.auth-page{display:flex;align-items:center;justify-content:center}.auth-frame{max-width:720px}.auth-surface{padding:var(--space-6)}.auth-content{gap:var(--space-5)}.auth-header{border:none;padding-bottom:0}.auth-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffffeb,#f8fcf9f5);box-shadow:0 18px 48px #0f172a1f,0 8px 22px #0f172a14;transition:transform var(--transition),box-shadow var(--transition)}.auth-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(16,163,127,.08),transparent 40%),radial-gradient(circle at 80% 0%,rgba(75,141,255,.07),transparent 35%)}.auth-card>*{position:relative;z-index:1}.auth-card-signin{animation:auth-swap-signin .2s ease}.auth-card-signup{animation:auth-swap-signup .2s ease}.auth-card:hover{transform:translateY(-2px);box-shadow:0 20px 52px #0f172a24,0 10px 26px #0f172a1a}.auth-form{gap:var(--space-4)}.captcha-row{display:grid;gap:var(--space-2)}.captcha-label{color:var(--text-muted);font-weight:700;font-size:14px}.captcha-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-2)}.captcha-controls input{min-width:0}.captcha-image{width:120px;max-width:140px;max-height:110px;block-size:var(--control-height);object-fit:cover;border-radius:var(--radius-sm);border:1px solid rgba(230,233,239,.6);box-shadow:0 8px 18px #0f172a14;align-self:center}.captcha-placeholder{color:var(--text-muted);font-size:14px}.captcha-refresh{align-self:center;inline-size:46px;block-size:46px;border-radius:50%;font-weight:700;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px #0f172a14;font-size:18px;line-height:1;padding:0;text-align:center}.captcha-refresh:hover{box-shadow:0 12px 26px #0f172a1f,0 0 0 6px #10a37f1f}.form-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.14);background:#fff0f0b3;color:#b91c1c;font-weight:600}.subtle-error{background:#fff7f799}.form-message-error{margin:0}.auth-submit{width:100%;justify-content:center}.auth-secondary{display:grid;gap:var(--space-3);background:#ffffffeb;border-style:dashed}.auth-switch{width:100%;font-weight:700;background:#fff}.mode-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2)}.auth-switch.is-active{border-color:var(--primary);color:var(--primary-strong);background:linear-gradient(135deg,#10a37f1f,#4b8dff14);box-shadow:0 6px 18px #10a37f2e}.auth-card-guest{border-style:dashed;background:#10a37f0f}.guest-actions{gap:var(--space-3);align-items:center;flex-wrap:wrap}.retry-button{min-width:120px}@keyframes auth-swap-signin{0%{opacity:.85;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes auth-swap-signup{0%{opacity:.85;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes header-aurora{0%{background-position:20% 30%}50%{background-position:80% 55%}to{background-position:35% 70%}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes button-sheen{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes voice-pulse{0%,to{transform:scaleY(.7);opacity:.7}50%{transform:scaleY(1.3);opacity:1}}@media (prefers-reduced-motion: reduce){.header-aurora:before,.bubble-animate,.composer-marquee-track{animation:none!important}.pressable{transition:none;transform:none!important}}@media (max-width: 640px){.captcha-row{grid-template-columns:1fr;align-items:stretch}.captcha-controls{grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-2);align-items:center}.captcha-image{width:110px;max-width:130px;block-size:var(--control-height)}.captcha-refresh{justify-self:end}}@media (min-width: 900px){.grid-split{grid-template-columns:1.2fr .9fr}}@media (max-width: 640px){.page-shell{padding:var(--space-5) var(--space-3) 0}.page-surface{padding:var(--space-5)}.page-header{flex-direction:column;align-items:flex-start}.chat-header{margin:-var(--space-5) -var(--space-4) var(--space-4)}}.new-messages-pill{position:absolute;left:50%;right:auto;bottom:calc(100% + var(--space-2));display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 10px;border-radius:var(--radius-pill);border:1px solid rgba(226,230,237,.8);background:linear-gradient(145deg,#fffffffa,#f4f8f6f0);color:var(--text-strong);font-weight:800;font-size:12px;letter-spacing:.01em;line-height:1.2;box-shadow:0 16px 38px #0f172a1f,0 2px 6px #0f172a14;-webkit-backdrop-filter:blur(12px) saturate(1.05);backdrop-filter:blur(12px) saturate(1.05);transform:translate(-50%,8px) scale(.98);opacity:0;pointer-events:none;white-space:nowrap;z-index:50;transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition-fast)}.new-messages-pill:before{content:"↓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#10a37f29,#4b8dff24);color:var(--primary-strong);box-shadow:inset 0 1px #ffffffe6,0 6px 14px #0f172a14;font-size:12px;line-height:1}.new-messages-pill.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1);box-shadow:0 20px 46px #0f172a29,0 6px 18px #10a37f1f}.new-messages-pill.has-count{border-color:#10a37f4d;background:linear-gradient(135deg,#10a37fdb,#12b790e6);color:#f8fffb;box-shadow:0 18px 40px #10a37f38,0 8px 22px #0f172a1f}.new-messages-pill.has-count:before{background:#ffffff2e;color:#f8fffb;box-shadow:inset 0 1px #ffffff73,0 6px 14px #0f172a1a}.new-messages-pill.no-count{border-color:#10a37f4d;background:linear-gradient(135deg,#10a37fdb,#12b790e6);color:#f8fffb;box-shadow:0 18px 40px #10a37f38,0 8px 22px #0f172a1f}.new-messages-pill.no-count:before{background:#ffffff2e;color:#f8fffb;box-shadow:inset 0 1px #ffffff73,0 6px 14px #0f172a1a}.new-messages-pill.pressable:hover{transform:translate(-50%,-2px) scale(1.01)}.new-messages-pill.pressable:active{transform:translate(-50%) scale(.97)}@media (max-width: 640px){.new-messages-pill{left:50%;padding:6px 9px;font-size:11px}}.composer-alert{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;margin:0 auto var(--space-2);border-radius:var(--radius-pill);border:1px solid rgba(239,68,68,.28);background:linear-gradient(135deg,#fff1f1f2,#fff8f8eb);color:#b91c1c;font-weight:800;letter-spacing:.01em;box-shadow:0 12px 28px #ef444424,0 3px 10px #0f172a1a;width:fit-content}.composer-alert:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ef44441f;border:1px solid rgba(239,68,68,.2);color:#b91c1c;font-size:13px;font-weight:900;line-height:1}.shake-alert{animation:composer-shake .42s ease-in-out}.record-alert{width:100%;justify-content:space-between;margin-left:0;margin-right:0;padding-right:12px}.record-alert-text{display:inline-flex;align-items:center;gap:8px}.record-alert-text strong{font-size:13px;letter-spacing:.01em}.record-alert-close{border:none;background:transparent;color:#b91c1c;font-size:16px;font-weight:900;width:28px;height:28px;border-radius:50%;line-height:1;display:grid;place-items:center;padding:0;transition:background var(--transition-fast),transform var(--transition-fast)}.record-alert-close:hover{background:#ef44441f;transform:translateY(-1px)}.record-alert-close:active{transform:translateY(0)}@keyframes composer-shake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}to{transform:translate(0)}}.composer{position:sticky;bottom:0;padding:var(--space-2) var(--space-6);background:linear-gradient(180deg,#f4f7fb00,#f4f7fb85 35%,#f4f7fbe6);border-top:none;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.chat-page .page-content{min-height:calc(100vh - var(--space-7) - var(--space-6))}@supports (min-height: 100dvh){.chat-page .page-content{min-height:calc(100dvh - var(--space-7) - var(--space-6))}}.chat-composer{margin-top:auto;bottom:env(safe-area-inset-bottom,0px);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px))}@media (max-width: 640px){.chat-page .page-content{min-height:calc(100vh - var(--space-5) - var(--space-5))}@supports (min-height: 100svh){.chat-page .page-content{min-height:calc(100svh - var(--space-5) - var(--space-5))}}.composer{margin-left:0;margin-right:0;width:100%;padding:var(--space-2) 0}}.composer-shell{display:grid;gap:var(--space-1);width:100%;border-radius:36px}.composer-marquee{position:relative;overflow:hidden;padding:6px var(--space-3);border-radius:18px;border:1px solid rgba(226,230,237,.9);background:linear-gradient(140deg,#fffffff5,#f4f8f6e6);color:var(--text-muted);font-size:13px;box-shadow:0 12px 26px #0f172a1f;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.composer-marquee-track{display:inline-block;min-width:100%;white-space:nowrap;animation:marquee-slide 16s linear infinite}.composer-tools{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.composer-body{display:grid;align-items:center;align-content:center;gap:var(--space-1);background:linear-gradient(150deg,#fffffff5,#f8fbfff0);border:1px solid rgba(226,230,237,.9);border-radius:36px;padding:4px var(--space-2);box-shadow:0 26px 70px #0f172a29,0 12px 32px #0f172a24,0 1px #fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow var(--transition),border-color var(--transition),background var(--transition)}.composer-body:focus-within{border-color:#10a37f59;box-shadow:0 0 0 6px #10a37f1f,0 20px 46px #0f172a2e,0 4px 14px #0f172a1f;background:linear-gradient(150deg,#fffffffa,#f4fcf8f5)}.composer-main{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:var(--space-1);padding:0 var(--space-1);min-height:60px;align-self:center}.voice-toggle-wrap{position:relative;display:grid;align-items:center;justify-content:center}.voice-tip{position:absolute;top:-42px;left:50%;transform:translate(-50%);padding:8px 12px;border-radius:var(--radius-md);background:#10a37feb;color:#f8fffb;font-size:12px;font-weight:700;letter-spacing:.01em;line-height:1.2;box-shadow:0 12px 28px #0f172a2e;white-space:nowrap}.voice-tip:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#10a37feb;box-shadow:0 12px 28px #0f172a1f}.composer-main>*{align-self:center}.composer-main.is-voice-mode{grid-template-columns:auto 1fr auto}.composer-input{width:100%;border:none;outline:none;resize:none;min-height:60px;background:transparent;color:var(--text);padding:18px var(--space-2);line-height:1.3;font-size:16px;height:auto;transition:box-shadow var(--transition),background var(--transition);overflow-y:hidden}.composer-input::placeholder{color:var(--text-muted)}.composer-input:focus{background:transparent;box-shadow:none}.voice-hold-button{width:100%;min-height:56px;border-radius:28px;border:1px dashed rgba(214,219,229,.9);background:linear-gradient(150deg,#fffffff0,#f8fbffeb);color:var(--text-muted);font-weight:700;letter-spacing:.01em;text-align:center;padding:0 var(--space-3);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-shadow:inset 0 1px #ffffffe6,0 12px 26px #0f172a1f;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.voice-hold-button.is-holding{border-color:#10a37f59;background:linear-gradient(150deg,#f4fcf8fa,#e0f3ecf2);color:var(--primary-strong);box-shadow:0 14px 32px #10a37f29}.voice-hold-button.is-cancel{border-color:#ef444459;background:linear-gradient(150deg,#fff1f1f5,#fff7f7f0);color:#b91c1c;box-shadow:0 12px 28px #ef444438}.voice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a47;z-index:1200;display:flex;align-items:flex-end;justify-content:center;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.voice-overlay-inner{width:100%;max-width:none;display:grid;place-items:center;gap:16px;padding:32px 24px 64px;border-radius:80px 80px 0 0;background:#000;color:#f8fafc;box-shadow:0 20px 44px #0000008c,inset 0 1px #ffffff0f;position:relative;overflow:hidden;min-height:220px}.voice-overlay.is-cancel .voice-overlay-inner{background:#000;color:#f8fafc}.voice-overlay-tip{font-weight:800;letter-spacing:.02em}.voice-overlay-top{display:block;width:160%;height:120px;background:radial-gradient(120% 180% at 50% 20%,#0d0d0d,#000 65%,#000);position:absolute;top:-86px;left:50%;transform:translate(-50%);border-radius:0 0 72% 72%;box-shadow:0 18px 32px #00000080,0 1px #ffffff0f;pointer-events:none}.voice-overlay-tipline{position:absolute;top:36px;left:50%;transform:translate(-50%);font-weight:700;color:#f8fafce6;letter-spacing:.02em;text-align:center;animation:tip-glow 1.4s ease-in-out infinite}.voice-overlay-wave{display:grid;place-items:center;width:100%;padding:6px 0}.voice-overlay-wave .voice-wave,.voice-overlay-wave-floating .voice-wave{max-width:140px;height:32px}.voice-overlay-wave-floating{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.voice-overlay-wave-card{padding:12px 16px;border-radius:18px;background:#0f172a52;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 14px 32px #00000059,inset 0 1px #ffffff1f;color:#f8fafc;text-align:center;display:grid;gap:6px;position:relative;overflow:hidden;isolation:isolate}.voice-overlay.is-cancel .voice-overlay-wave-card{background:#11182761}.voice-wave-overlay{width:min(360px,90vw);max-width:360px;height:38px;gap:4px}.voice-wave-overlay span{width:3px;background:#fff}.voice-wave-overlay:before,.voice-wave-overlay:after{content:""}.voice-wave-overlay span{animation:voice-pulse 1.2s ease-in-out infinite}.voice-overlay.is-holding .voice-wave-overlay span{animation-duration:.9s}.voice-overlay-hint{display:grid;gap:2px;font-weight:800;letter-spacing:.02em;font-size:14px}.voice-overlay-subtip{font-weight:600;opacity:.88;font-size:13px;line-height:1.2}.voice-overlay.is-holding .voice-wave span{animation-play-state:running}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.cta-primary{position:relative;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid rgba(16,163,127,.32);background:linear-gradient(120deg,#10a37f,#0fb486 55%,#0f8c73);color:#fff;font-weight:700;box-shadow:0 18px 34px #10a37f47,0 2px 8px #0f172a24}.cta-primary:disabled{opacity:.7}.auth-submit-signup{background:linear-gradient(to right,#693ef8,#34ea87);border-color:#693ef852;box-shadow:0 18px 34px #693ef842,0 2px 8px #0f172a24}.auth-submit-signup:hover{box-shadow:0 20px 40px #693ef84d,0 6px 14px #0f172a1f}.auth-submit-signup:active{filter:brightness(.97)}.cta-primary.is-busy{background-size:180% 100%;animation:button-sheen 1.4s linear infinite;cursor:wait}.composer-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:13px}.composer-meta:empty{display:none}.swap-anim{animation:swap-in .18s ease both}.icon-button{display:grid;place-items:center;gap:var(--space-2);inline-size:40px;block-size:40px;flex:0 0 40px;padding:0;aspect-ratio:1 / 1;border-radius:50%;border:1px solid #d6dbe5;background:#fff;box-shadow:0 8px 18px #0f172a1f;font-size:18px;color:var(--text)}.pill-button{display:grid;place-items:center;inline-size:40px;block-size:40px;flex:0 0 40px;padding:0;aspect-ratio:1 / 1;line-height:1;border-radius:50%;border:1px solid rgba(214,219,229,.9);background:radial-gradient(circle at 20% 20%,#fffffffa,#f3f7fcf5),linear-gradient(140deg,#ffffffa6,#f4f9f666);color:var(--text);box-shadow:0 12px 26px #0f172a29;font-size:18px;position:relative;overflow:hidden}.pill-button:hover{box-shadow:0 14px 30px #0f172a2e;border-color:#10a37f4d}.pill-button:active{transform:translateY(1px);box-shadow:0 8px 18px #0f172a29;background:radial-gradient(circle at 20% 20%,#fafcfff2,#edf4faeb)}.voice-button{padding:0;position:relative;overflow:hidden}.voice-button .voice-icon{flex:0 0 auto;width:24px;min-width:0;height:18px;gap:3px;padding:0;align-items:center;justify-content:center;margin:0 auto;line-height:1}.voice-button .voice-icon span{width:3px;background:#0f172a73;height:10px;animation-duration:.9s}.voice-button .voice-icon span:nth-child(1){height:8px}.voice-button .voice-icon span:nth-child(2){height:12px;animation-delay:80ms}.voice-button .voice-icon span:nth-child(3){height:16px;animation-delay:.16s}.voice-button .voice-icon span:nth-child(4){height:12px;animation-delay:.24s}.voice-button .voice-icon span:nth-child(5){height:8px;animation-delay:.32s}.voice-button.is-recording .voice-icon span{background:var(--primary-strong);animation-play-state:running}.voice-close{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:800;font-size:16px;color:#0f172a;opacity:0;transform:scale(.4) rotate(-8deg);transition:opacity var(--transition),transform var(--transition)}.voice-button.is-recording .voice-close{opacity:1;transform:scale(1) rotate(0);animation:voice-close-pulse 1.2s ease-in-out infinite}.voice-button.is-recording .voice-icon{opacity:0;transform:translateY(-6px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.voice-overlay-wave-card:after{content:"";position:absolute;top:-20%;right:-30%;bottom:-20%;left:-30%;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.18),transparent 60%);animation:wave-glow 2.2s ease-in-out infinite;z-index:-1}@keyframes voice-close-pulse{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(-4deg)}to{transform:scale(1) rotate(0)}}@keyframes swap-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tip-glow{0%,to{opacity:.7;text-shadow:0 0 0 rgba(255,255,255,.4)}50%{opacity:1;text-shadow:0 6px 16px rgba(255,255,255,.35)}}@keyframes wave-glow{0%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(6px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:.8}}.icon-button input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.upload-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.icon-button-label{display:inline-flex;align-items:center;gap:var(--space-2);position:relative}.ghost-button,.icon-button,.pill-button,.cta-primary{transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.ghost-button:hover,.icon-button:hover,.pill-button:hover,.cta-primary:hover{transform:translateY(-1px);filter:brightness(1.01)}.ghost-button:active,.icon-button:active,.pill-button:active,.cta-primary:active{transform:translateY(0);filter:brightness(.99)}.ghost-button:hover{border-color:#10a37f59;background:linear-gradient(160deg,#fffffffa,#f2f8f6f5);box-shadow:0 14px 32px #0f172a1f,inset 0 1px #fffffff2}.ghost-button:active{background:linear-gradient(160deg,#fcfffff0,#f0f6f3f0);box-shadow:0 8px 18px #0f172a1f;border-color:#10a37f47}.cta-primary:hover{background:linear-gradient(120deg,#12b488,#10c394 55%,#0f9477);box-shadow:0 22px 44px #10a37f52,0 6px 14px #0f172a1f}.cta-primary:active{box-shadow:0 12px 26px #10a37f40,0 4px 10px #0f172a1f}.icon-button:hover{border-color:#10a37f40;box-shadow:0 12px 28px #0f172a29}.icon-button:active{box-shadow:0 8px 18px #0f172a24}.send-button{inline-size:40px;block-size:40px;flex:0 0 40px;aspect-ratio:1 / 1;padding:0;line-height:1;border-radius:50%;border:1px solid rgba(16,163,127,.4);background:linear-gradient(135deg,#12b488,#0fa274 55%,#0e8b6a);color:#fff;font-size:18px;box-shadow:0 16px 32px #10a37f47,0 2px 10px #0f172a29;display:grid;place-items:center;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}.send-button:disabled{opacity:.6}.send-button:hover{transform:translateY(-1px);box-shadow:0 18px 38px #10a37f52,0 6px 14px #0f172a1f}.send-button:active{transform:translateY(0);filter:brightness(.96)}.pressable{transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast);transform-origin:center}.pressable:hover{transform:translateY(-1px) scale(1.01)}.pressable:active{transform:translateY(0) scale(.98)}.pressable:disabled{transform:none}@media (max-width: 640px){.composer-body{padding:var(--space-1) var(--space-2)}.composer-main{min-height:56px}.composer-input{min-height:46px;padding:12px var(--space-2)}}