/* Light glass surfaces; messages remain opaque for legibility. No remote assets. */
:root{--blue:#368db8;--muted:#657f8c;--line:#d6e5e8;--glass:rgba(250,255,255,.88);color:#24434e;background:#e2eceb;color-scheme:light}body{background:radial-gradient(ellipse at 5% 0%,#e0edf0,transparent 65%),radial-gradient(ellipse at 100% 100%,#dcebe2,transparent 70%),#ebeeea}button{transition:background-color .12s,color .12s,box-shadow .12s}button:hover{background:#5b9caa13}button:active{background:#5b9caa24}button:disabled{cursor:default}.line-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;pointer-events:none}button>.line-icon{margin-right:10px}button:has(>.line-icon){display:inline-flex;align-items:center}button.primary{background:#338fd3}button.primary:hover{background:#287fbe}#app{background:transparent;isolation:isolate}#app>aside{background:var(--glass);border-right:1px solid #c8dadd99;box-shadow:5px 0 25px #385f6210;backdrop-filter:blur(14px);width:324px}#app aside>header,#chat>header{background:#faffffbd;border-color:#d5e3e58c}#app aside>header{height:76px;padding:14px 20px}.brand .avatar{box-shadow:0 2px 10px #497b7b12}#self-name{font-weight:600;color:#294956}#account-menu{font-size:23px;color:#5b7b86;padding:5px 9px}.sidebar-tools{padding:8px 14px}.sidebar-tools button{font-size:12px;color:#447e91;padding:9px 10px;white-space:nowrap}.sidebar-tools .line-icon{width:17px;height:17px;margin-right:6px}.sidebar-search{display:flex;align-items:center;gap:9px;margin:2px 18px 0;border:1px solid #d5e2e4;background:#ffffffb3;border-radius:11px;padding:0 12px}.sidebar-search>.line-icon{width:17px;height:17px;color:#80969f}.sidebar-search #search{flex:1;width:0;background:transparent;margin:0;padding:11px 0;border-radius:0;font-size:13px}.sidebar-search:focus-within{outline:2px solid #66a3b56b}#search:focus-visible{outline:none}.section-label{padding:20px 22px 9px;letter-spacing:.08em;font-size:11px}#contacts{padding:3px 10px;overscroll-behavior:contain}.contact{min-height:76px;padding:11px 10px;gap:11px;position:relative;cursor:pointer;border-radius:12px;margin-bottom:3px}.contact:hover{background:#ffffffc2}.contact.selected{background:#d8eaec;color:#244650;box-shadow:inset 0 0 0 1px #b9d5db77}.contact.selected time,.contact.selected small{color:#5c7d87}.contact.selected .unread-badge{background:#5a9bb0;color:white}.contact .avatar{width:45px;height:45px;font-size:19px;background:linear-gradient(145deg,#83b4bd,#6e9cae)}.contact:nth-child(3n) .avatar{background:linear-gradient(145deg,#a6c6ad,#7faaa0)}.contact:nth-child(3n+2) .avatar{background:linear-gradient(145deg,#a9b7d1,#8b9ab5)}.contact.assistant .avatar{background:linear-gradient(145deg,#7fb9c4,#5996ad)}.contact-top strong{font-size:14px}.contact-top time{font-size:10px;color:#728c96}.contact-bottom{gap:5px;margin-top:5px}.contact-bottom small{font-size:12px}.unread-badge{background:#5a9bb0;font-size:10px;padding:2px 6px;min-width:18px}.chat-indicator{width:13px;height:13px;color:#6c8992}.conversation-more{position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:4px;background:#e7f1f1f5;opacity:0;pointer-events:none;box-shadow:0 1px 6px #24495610}.conversation-more .line-icon{width:17px;height:21px;margin:0}.contact:hover .conversation-more,.conversation-more:focus-visible{opacity:1;pointer-events:auto}.contact:has(.conversation-more:hover) .contact-copy{padding-right:12px}.contact.selected .conversation-more{background:#d8eaec}footer{border-color:#d1e0e3a0;font-size:10px;padding:15px 20px;color:#74909a}#conversation{background:transparent}#empty{background:radial-gradient(ellipse at 60% 15%,#edf4ec,transparent 65%)}#empty .logo{background:linear-gradient(150deg,#80b5bf,#508b9f);box-shadow:0 12px 36px #5b8a951f;border:1px solid #ffffff88;border-radius:21px}#empty h2{font-size:21px;color:#4f7481}#empty p{color:#78929a}#chat>header{height:76px;padding:12px 24px;z-index:6;backdrop-filter:blur(12px);flex-shrink:0}.chat-title strong{font-weight:600}.chat-title small{font-size:11px;color:#799099}#chat-menu-button{font-size:25px;color:#698993;border-radius:10px}.avatar{box-shadow:0 0 0 1px #ffffff80}.burn-badge{background:#638b99}.legacy-hidden-action{display:none!important}#messages{padding:26px max(24px,7%);overscroll-behavior:contain;background-color:#e4edeb;background-image:radial-gradient(ellipse at 0 0,#e8f2ef,transparent 70%),radial-gradient(ellipse at 100% 100%,#dfeaec,transparent 65%);background-size:auto;scrollbar-color:#97b0b660 transparent;scrollbar-width:thin}.message-row .bubble{background:#fbfdfc;border:1px solid #e1eae77a;border-radius:13px 13px 13px 4px;box-shadow:0 2px 5px #40646209;padding:7px 10px}.message-row.mine .bubble{background:#d9ece7;border-color:#c2ddd330;border-radius:13px 13px 4px 13px}.message-text{color:#29434c;line-height:1.6}.message-row .message-meta{color:#78928e;font-size:10px}.message-row .delivery-state{color:#5b9b8d}.message-row .emoji-bubble,.message-row.mine .emoji-bubble{background:transparent;box-shadow:none;border:0}.message-row .visual-bubble{padding:3px}.message-action{color:#6c8c94}.selection-toolbar button{font-size:12px;padding:9px 8px;color:#426b7d}.selection-toolbar button>.line-icon{width:16px;height:16px;margin-right:5px}.selection-count{color:#345c68;font-size:13px}.selection-mode .message-selected{background:#75aeb62b}.message-select{border-color:#a4c2c7}.message-selected .message-select{background:#4b99ad;border-color:#4b99ad}.composer-wrap{background:#faffffcc;border-top:1px solid #d5e2e485;padding:12px 24px max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(10px)}#message{background:#fff9;border:1px solid #d9e5e4;border-radius:14px;font-size:14px;color:#29444e}#attach,#record-button,#emoji-button{color:#6d8b96}#send-form .send{background:#3390ec;box-shadow:0 3px 12px #338ad32b}#send-form .send>.line-icon{margin:0}#send-form .send svg{stroke:white}.message-popup,.dropdown,.composer-popup{background:#fafffff5;border:1px solid #ffffffd9;box-shadow:0 10px 36px #254e6126;border-radius:14px;backdrop-filter:blur(16px)}.message-popup button,.dropdown button{display:flex;align-items:center;min-height:42px;padding:11px 13px;border-radius:8px;font-size:13px;color:#42626e}.message-popup button .line-icon,.dropdown button .line-icon{width:18px;height:18px;color:#7294a1}.message-popup button.red .line-icon,.dropdown button.red .line-icon{color:inherit}.red{color:#bd5860!important}.message-popup button:hover,.dropdown button:hover{background:#6da3ad16}#chat-menu{position:fixed;right:20px;top:84px;width:240px;max-height:calc(100dvh - 102px);overflow:auto;padding:6px;z-index:30;animation:glass-menu-in .13s ease-out;transform-origin:top right}#chat-menu button{width:100%}#chat-menu #clear-button,#chat-menu #chat-help{border-top:1px solid #d9e6e7;border-radius:0}.chat-list-popup{z-index:45;width:218px;max-height:calc(100dvh - 24px);overflow:auto;animation:glass-menu-in .13s ease-out}.chat-list-popup button{width:100%}#dialog{background:#f7fcfcf7;border:1px solid #ffffffcf;box-shadow:0 20px 70px #23475730;border-radius:18px;backdrop-filter:blur(16px);animation:glass-dialog-in .14s ease-out}#dialog::backdrop{background:#254b5a45;backdrop-filter:blur(2px)}#dialog>header{background:#f8fdfdf2;border-color:#dbe8e8}#dialog-title{font-size:16px;font-weight:600}#dialog-body{padding:20px 24px 24px}#dialog-body h3{font-size:18px;color:#355966}#dialog-body p{color:#607c88}#dialog-body .stack button{display:flex;gap:0;min-height:46px;border-color:#dce8e9a6;font-size:13px}#dialog-body input,#dialog-body select,#dialog-body textarea{background:#ffffffc2;border-color:#d5e3e5}#dialog-body .dialog-actions button{font-size:13px}.background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.background-choice{min-height:85px;border:2px solid transparent;color:#44636e;font-size:13px;box-shadow:0 2px 8px #31596510;border-radius:12px}.background-choice[aria-pressed=true]{border-color:#569bb2}.background-choice[data-background=mist],#messages[data-background=mist]{background-color:#e4edeb;background-image:radial-gradient(ellipse at 0 0,#edf5ed,transparent 70%),radial-gradient(ellipse at 100% 100%,#dbe7ee,transparent 65%)}.background-choice[data-background=sea],#messages[data-background=sea]{background-color:#deebf1;background-image:linear-gradient(140deg,#e8f2f4,#d7e6ef 55%,#e5edef)}.background-choice[data-background=sage],#messages[data-background=sage]{background-color:#e6ede1;background-image:linear-gradient(140deg,#edf2e8,#dce9df 60%,#e4ebe8)}.background-choice[data-background=sand],#messages[data-background=sand]{background-color:#efebe4;background-image:linear-gradient(140deg,#f3f0e9,#e9e3da 60%,#eee8e2)}.background-choice[data-background=plain],#messages[data-background=plain]{background-color:#f0f4f3;background-image:none}.history-results{display:grid;gap:8px}.history-result{display:block!important;text-align:left;border:1px solid #dce8e8;background:#fff9;padding:12px}.history-result strong,.history-result span{display:block}.history-result strong{font-size:11px;font-weight:500;color:#79919b;margin-bottom:5px}.history-result span{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.help-section{border-bottom:1px solid #d8e5e6;padding:3px 0}.help-section summary{display:flex;align-items:center;gap:12px;padding:13px 0;list-style:none;cursor:pointer;font-size:13px;color:#395e6e;font-weight:500}.help-section summary::-webkit-details-marker{display:none}.help-section summary::after{content:'＋';margin-left:auto;color:#78929b}.help-section[open] summary::after{content:'−'}.help-section summary .line-icon{width:18px;height:18px;color:#6b909e}.help-section p{padding:0 4px 7px 30px;font-size:13px;line-height:1.85}.auth-card{background:#faffffeb;box-shadow:0 16px 60px #4a73751a;border-color:#fff;border-radius:22px}#auth{background:radial-gradient(ellipse at top left,#e1eeed,transparent 70%),radial-gradient(ellipse at bottom right,#dfeaec,transparent 70%),#eff3ee}.auth-card .logo{background:linear-gradient(145deg,#87b7bd,#4c91a7);border-radius:20px}#toast{background:#315d6b;font-size:12px}.message-notification{background:#fafffff5;border-color:#d9e7e8;box-shadow:0 6px 25px #375e701a}.reply-compose{background:#e6f1f0;border-left-color:#63a2b4}.reply-compose strong{color:#488799}.quoted-message{border-left-color:#6da5ad;background:#5b98a30c}.quoted-message strong{color:#528c98}
@keyframes glass-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-dialog-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px) and (min-width:701px){#app>aside{width:294px}.sidebar-tools{padding:8px}.sidebar-tools button{padding:9px 8px}#messages{padding:22px 18px}}
@media(max-width:700px){#app{height:var(--view-height,100dvh);overflow:hidden}#app>aside{width:100%;backdrop-filter:none}#app aside>header{height:70px;padding:12px 18px}.contact{min-height:77px}.conversation-more{opacity:.65;pointer-events:auto;right:7px;background:transparent}.contact-copy{padding-right:16px}.contact .avatar{width:47px;height:47px}#chat>header{height:66px;padding:9px 12px;gap:8px;backdrop-filter:none;background:#f6fcfcf5}#chat>header .avatar{width:39px;height:39px}#messages{padding:18px 10px}.message-row .bubble{max-width:calc(100% - 26px)}.message-row .visual-bubble{max-width:88%}#chat-menu,.chat-list-popup{position:fixed;top:auto;bottom:max(12px,env(safe-area-inset-bottom));left:10px;right:10px;width:auto;max-height:calc(var(--view-height,100dvh) - 95px);border-radius:18px;padding:9px;background:#f8fdfdfb;backdrop-filter:none;animation:glass-dialog-in .14s ease-out}.dropdown button,.chat-list-popup button{min-height:44px;padding:11px 15px;font-size:13px}.composer-wrap{padding:9px 9px max(9px,env(safe-area-inset-bottom));background:#f8fdfdf5;backdrop-filter:none}#message{border-radius:13px;font-size:16px}#send-form{gap:3px}.selection-toolbar{gap:0}.selection-toolbar button{display:flex;flex-direction:column;gap:2px;padding:5px 7px;font-size:10px;min-width:39px}.selection-toolbar button>.line-icon{margin:0;width:17px;height:17px}.selection-count{font-size:12px}.selection-toolbar button:first-child{font-size:10px}.message-row .emoji-bubble .message-text{font-size:38px}#dialog{max-height:calc(var(--view-height,100dvh) - 28px);backdrop-filter:none;border-radius:17px}#dialog-body{padding:16px 18px 22px}#dialog-body input,#dialog-body select,#dialog-body textarea{font-size:16px}#dialog::backdrop{backdrop-filter:none}.background-grid{grid-template-columns:repeat(3,1fr);gap:8px}.background-choice{min-height:75px}.help-section summary{min-height:49px}.help-section p{padding-left:12px}.message-popup,.composer-popup{backdrop-filter:none}.selection-mode .bubble{max-width:calc(100% - 36px)}.sidebar-tools button{padding:9px 12px}.sidebar-search #search{font-size:16px}#toast{bottom:22px}}
@media(prefers-reduced-motion:reduce){button{transition:none}#chat-menu,.chat-list-popup,#dialog{animation:none}.located-message{animation:none;background:#a4cbd04d}.message-popup,.composer-popup,.camera-page,.message-notification{animation:none}}
@supports not (backdrop-filter:blur(1px)){#app>aside,#chat>header,.composer-wrap,.message-popup,.dropdown,.composer-popup,#dialog{background:#f7fcfc}}

/* Keep the conversation actions discoverable, with room beside timestamps. */
.conversation-more{opacity:.45;pointer-events:auto;z-index:1}.contact .contact-copy{padding-right:18px}.contact:hover .conversation-more,.conversation-more:focus-visible{opacity:1}

.selection-mode .message-row{padding-top:2px;padding-bottom:2px}
@media(pointer:coarse){.message-row .message-select{display:block;visibility:hidden}.selection-mode .message-select{visibility:visible}.mine .message-select{order:2}.message-row .bubble,.selection-mode .message-row .bubble{max-width:calc(100% - 58px)}.message-row .message-action{width:18px}.selection-mode .message-action{display:block;visibility:hidden}.selection-mode .message-row{padding-left:0;padding-right:0}}

/* Attachment dismiss layer must cover the header on touch screens. */
#chat>header{z-index:3}