.chat-window{width:min(640px,calc(100% - 28px));max-width:640px;max-height:calc(100dvh - 42px);height:auto;padding:4px;border:1px solid #1e191e;border-radius:6px;background:#e9e2d7;box-shadow:5px 5px 0 #0004,0 30px 130px #000a;color:#e9dee8;overflow:auto;font:13px Arial,sans-serif}.chat-window::backdrop{background:#0207169e;backdrop-filter:blur(4px)}.chat-window-bar{display:flex;align-items:center;gap:12px;height:27px;position:sticky;top:-4px;z-index:2;background:#e9e2d7;color:#38313a;border-bottom:1px solid #494047;font:10px 'Courier New',monospace;letter-spacing:.4px;user-select:none}.chat-window-bar strong{font-weight:700;flex:1;text-align:center;white-space:nowrap}.chat-bar-stripes{width:42px;height:13px;background:repeating-linear-gradient(0deg,#93837e 0 1px,transparent 1px 3px);margin-left:6px}.chat-close{width:20px;height:18px;font:bold 15px Arial;background:#e9e2d7;color:#54454e;border:1px solid #8e7d80;border-radius:1px;margin-right:3px;display:grid;place-items:center;padding:0}.conversation-scene{height:119px;position:relative;overflow:hidden;margin-top:4px;background:linear-gradient(0deg,#211928b5,#080d2133),url('assets/cosmic-cliffs.jpg') center 43%/cover;border:1px solid #76627965;border-bottom:0}.conversation-scene:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#ebbc9150,transparent 60%);pointer-events:none}.conversation-scene svg{display:block;width:100%;height:118px;position:relative;z-index:1;filter:drop-shadow(0 5px 12px #0005)}.scene-label{position:absolute;right:11px;top:9px;z-index:1;color:#eee0e2a8;font:8px 'Courier New',monospace;letter-spacing:.8px}.scene-label span{padding:0 4px}.scene-orbit{position:absolute;width:470px;height:120px;border:1px solid #bfabc530;border-radius:50%;top:-58px;left:50%;transform:translateX(-50%) rotate(-12deg)}.candle-flame{transform-origin:279px 45px;animation:candle 3.5s ease-in-out infinite}.chat-intro{display:flex;justify-content:space-between;align-items:start;gap:14px;background:#181423;padding:13px 18px 11px;border-top:1px solid #9b7d8747}.chat-intro h2{font:400 26px/1.15 Georgia,serif;color:#eee1e5;letter-spacing:-.4px;margin:0 0 5px}.chat-subtitle{font:11px Arial;color:#b5a3b9;margin:0;line-height:1.4}.chat-mode{font:8px/1.5 'Courier New',monospace;color:#b8a0be;letter-spacing:.4px;white-space:nowrap;border:1px solid #84758c55;padding:4px 5px;margin-top:3px}.chat-feed{height:210px;min-height:150px;overflow-y:auto;overscroll-behavior:contain;padding:13px 18px;background:radial-gradient(ellipse at 90% 90%,#30233850,transparent 65%),#100f1a;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:#806d8b #181422}.chat-empty{margin:auto;text-align:center;color:#c3b0c8;max-width:310px;padding:20px 0}.chat-empty>span{font-size:22px;color:#dfc0d4}.chat-empty p{font:14px/1.55 Georgia,serif;color:#ddc7d8;margin:9px 0}.chat-empty small{font:10px/1.5 'Courier New',monospace;color:#a08ca9}.chat-message{max-width:86%;padding:10px 12px;border:1px solid #8e70883d;border-radius:7px;flex-shrink:0;min-width:110px;box-shadow:0 3px 12px #0002}.from-visitor{align-self:flex-end;background:#353043;border-color:#83778c60}.from-expert{align-self:flex-start;background:#28312e;border-color:#76887960}.message-author{display:block;font:9px 'Courier New',monospace;letter-spacing:.3px;color:#c5b1cd}.from-expert .message-author{color:#becfb6}.chat-message p{margin:5px 0 7px;font:13px/1.5 Arial;color:#eee6ec;white-space:pre-wrap;overflow-wrap:anywhere}.message-time{display:block;text-align:right;font:8px 'Courier New',monospace;color:#a595aa}.chat-composer{display:flex;align-items:stretch;gap:8px;padding:11px 12px;background:#1c1927;border-top:1px solid #9c7f9840}.chat-composer textarea{flex:1;min-width:0;margin:0;resize:vertical;min-height:55px;max-height:110px;padding:10px;border:1px solid #81708b;border-radius:2px;background:#0d101a;color:#eee4eb;font:12px/1.4 Arial;box-shadow:inset 1px 1px 0 #0008}.chat-composer textarea::placeholder{color:#a799af}.chat-composer button{background:#d7dfce;color:#30382e;border:1px solid #817e6c;border-radius:2px;box-shadow:inset 1px 1px 0 #fff9,inset -1px -1px 0 #0002;padding:0 15px;font:700 12px 'Courier New',monospace;min-width:78px}.chat-composer button:disabled{background:#bdb2c1;cursor:wait}.chat-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 7px 3px;color:#675965;background:#e9e2d7;font:9px/1.4 'Courier New',monospace}.chat-status{min-width:0;overflow-wrap:anywhere}.chat-save{flex-shrink:0;background:transparent;border:1px solid #a09090;border-radius:1px;color:#665661;font:9px 'Courier New',monospace;padding:4px 6px}.chat-pick{background:#e3ddcd;color:#302b2b;padding:12px 18px;border:1px solid #aaa18d;max-height:150px;overflow-y:auto}.chat-pick .pick-label{font:9px 'Courier New',monospace;color:#77685a}.chat-pick h3{font:400 20px Georgia,serif;margin:4px 0}.chat-pick p{font:12px/1.4 Arial;white-space:pre-wrap;margin:6px 0}.chat-pick a{font:700 11px 'Courier New',monospace;color:#4a6251;text-decoration:underline}.chat-page-main{max-width:660px;padding:0 12px;margin:60px auto 30px;position:relative;z-index:2}.chat-page-window{width:100%;max-height:none}.chat-page-window .chat-feed{height:260px}.chat-page-note{font:10px/1.5 'Courier New',monospace;color:#d5c4d1;text-shadow:0 1px 5px #000;margin:13px 5px}.chat-open{margin:12px 0;background:#d8e2d2!important}.expert-chat-context{background:#eee7db;border:1px solid #85756f;padding:8px 10px;color:#66594f;font:11px 'Courier New',monospace;margin:12px 0}.chat-page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#e4d6e5;font:11px 'Courier New',monospace;text-shadow:0 1px 5px #000}.chat-page-heading a{text-decoration:underline}.expert-pick-panel{margin-top:16px;padding:16px 20px;background:#ede7dc;color:#302a29;border:1px solid #2e2726;border-radius:4px;box-shadow:4px 4px 0 #0003}.expert-pick-panel summary{font:700 12px 'Courier New',monospace;cursor:pointer}.expert-pick-panel label{display:block;font-size:11px;margin:12px 0 5px}.expert-pick-panel input,.expert-pick-panel textarea{width:100%;padding:10px;background:#f7f4ed;color:#282523;border:1px solid #9c8b7d;border-radius:2px;font:13px Arial}.expert-pick-panel textarea{resize:vertical}.expert-pick-panel button{margin-top:13px}.expert-pick-status{font:11px 'Courier New',monospace;overflow-wrap:anywhere}.chat-alert{font:10px 'Courier New',monospace;color:#80644f;margin:6px 0}
@keyframes candle{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.82) rotate(3deg)}}
@media(max-width:680px){.chat-window{max-height:calc(100dvh - 26px)}.conversation-scene{height:96px}.conversation-scene svg{height:98px}.chat-intro{padding:12px}.chat-intro h2{font-size:23px}.chat-mode{font-size:7px}.chat-feed{height:190px;padding:12px}.chat-composer{padding:9px;gap:6px}.chat-composer button{min-width:65px;padding:0 10px}.chat-footer{font-size:8px}.chat-page-main{margin-top:35px}.chat-page-window .chat-feed{height:235px}.chat-page-note{font-size:9px}.chat-message{max-width:90%}.chat-window-bar{font-size:9px;gap:6px}.chat-bar-stripes{width:25px}.chat-pick{max-height:140px}}
@media(max-height:620px){.conversation-scene{height:65px}.conversation-scene svg{height:75px}.chat-feed{height:145px}.chat-intro{padding:9px 12px}.chat-intro h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.candle-flame{animation:none}}
dialog.chat-window{position:fixed;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;height:fit-content}
@media(min-width:681px) and (min-height:680px){dialog.chat-window .chat-feed{height:270px}}