:root{color-scheme:dark;--bg:#070a0c;--surface:#111a21;--panel:#121b23;--ink:#f4f7fa;--muted:#aeb9c4;--line:#3a4a58;--blue:#079cf5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:16px/1.4 Inter,system-ui,sans-serif}body{overflow-x:hidden}.shell{width:min(1440px,100%);min-height:100vh;margin:auto;padding:42px 56px;display:grid;gap:22px;align-content:center;position:relative;background:radial-gradient(ellipse at 78% 8%,#202b35,#0d1318 43%,#06080a)}.shell:before{content:"";position:absolute;width:82%;height:120%;right:-18%;top:-25%;background:linear-gradient(133deg,transparent 45%,#202b34 46%,#10171d 65%,transparent 66%);opacity:.7;pointer-events:none}.card,.chat-panel{position:relative;z-index:1;border:1px solid #3a4650;background:linear-gradient(130deg,rgba(6,10,12,.98),rgba(15,21,25,.96));box-shadow:0 24px 70px #000b}.card{border-radius:10px;padding:52px 84px 30px}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.mds-logo{width:480px;height:auto}.motto{font-size:11px;line-height:1.8;letter-spacing:.18em;color:#aeb7bf}.blue-rule{display:block;width:36px;height:3px;background:var(--blue);margin-top:10px}.strapline,.footer-strapline{letter-spacing:.38em;font-size:12px;color:#aeb8c1}.strapline{margin:20px 0 30px}.card-layout{display:grid;grid-template-columns:1fr 1fr;gap:62px}.identity{padding:8px 30px 0 42px;border-right:1px solid #46515a}.portrait{width:258px;height:258px;border:2px solid #72879b;border-radius:50%;overflow:hidden;background:#1b2732;box-shadow:inset 0 0 0 8px #111a22;margin-bottom:18px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 27%;display:block}.identity h1{font-size:53px;line-height:1.05;margin:0 0 7px;letter-spacing:-.04em}.eyebrow{color:var(--blue);font-size:15px;letter-spacing:.4em;font-weight:700;margin:0}.roles{margin-top:23px}.role{display:flex;align-items:center;gap:23px;color:#d9e0e5;font-size:20px;margin:13px 0}.role span{font-size:25px;width:28px;text-align:center;color:#eef4f7}.identity-rule{height:1px;background:#43505a;margin-top:26px}.actions-area{padding-top:30px}.actions{display:grid;gap:16px}.actions button,.actions a{display:flex;align-items:center;gap:24px;width:100%;min-height:87px;border:1px solid #42515e;border-radius:16px;background:linear-gradient(105deg,#18232c,#10161b);color:var(--ink);padding:0 28px;text-decoration:none;cursor:pointer;font-size:25px;text-align:left}.action-icon{width:34px;height:34px;position:relative}.share-icon:before{content:"";display:block;width:22px;height:22px;margin:5px auto;background:radial-gradient(circle at 4px 11px,var(--blue) 0 4px,transparent 4.5px),radial-gradient(circle at 18px 3px,var(--blue) 0 4px,transparent 4.5px),radial-gradient(circle at 18px 20px,var(--blue) 0 4px,transparent 4.5px),linear-gradient(25deg,transparent 45%,var(--blue) 46% 53%,transparent 54%),linear-gradient(-25deg,transparent 45%,var(--blue) 46% 53%,transparent 54%)}.bookmark{border:2px solid #e6edf2;border-bottom:0;width:18px;height:27px;margin-left:8px;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.bubble{border:2px solid #e6edf2;border-radius:50%;width:27px;height:22px;margin-left:4px}.bubble:after{content:"";position:absolute;width:9px;height:9px;left:1px;bottom:-6px;border-left:2px solid #e6edf2;transform:skew(-28deg) rotate(-25deg)}.arrow{font-size:40px;font-weight:300;margin-left:auto}.actions button:hover,.actions a:hover{border-color:var(--blue)}.connect{border-top:1px solid #43505a;margin:35px 0 0;padding:28px 0 0;display:flex;align-items:center;gap:28px}.connect p{font-size:11px;letter-spacing:.35em;color:#b3bdc6;margin:0 0 8px}.connect strong{font-size:18px;font-weight:500}.qr{width:142px;height:142px;flex:none;background:#fff}.footer-strapline{display:none}.mobile-encouragement{display:none}.website-link{display:block;color:#91a2af;font-size:11px;margin-top:10px;text-decoration:none}.chat-panel{display:none;border-radius:14px;padding:18px 22px 20px}.chat-panel.open{display:flex;flex-direction:column}.chat-actions{display:flex;justify-content:flex-end;gap:14px;margin-bottom:12px}.chat-actions button,.conversation-controls button{border:1px solid #587087;background:#121b23;color:#fff;border-radius:13px;padding:9px 28px;font-size:16px;cursor:pointer}.conversation-controls{display:flex;justify-content:flex-end;margin:0 0 8px}.chat-heading{display:flex;align-items:center;gap:18px;border:1px solid #31404d;background:linear-gradient(120deg,#17222c,#10171d);border-radius:14px 14px 0 0;padding:18px 24px}.chat-heading h2{font-size:32px;margin:0}.subheading{color:var(--muted);margin:2px 0}.chat-logo{width:48px;height:32px;object-fit:contain;object-position:left center}.chat-back{display:flex;align-items:center;gap:4px;background:none;border:0;color:#fff;font-size:16px;margin-right:4px;cursor:pointer}.chat-back:hover{color:var(--blue)}#gate{border:1px solid #263541;border-top:0;padding:16px 20px;border-radius:0 0 14px 14px;background:#121b23}#gate form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.copy-option{grid-column:1/3;grid-row:2;display:flex;align-items:center;gap:8px}.copy-option input{width:auto}label{display:grid;gap:6px;color:var(--muted);font-size:13px}input{width:100%;border:1px solid var(--line);background:#11181e;color:var(--ink);border-radius:9px;padding:12px;outline:none;font-size:15px}input:focus{border-color:var(--blue)}.primary{background:linear-gradient(135deg,#168cf0,#0861c9);border:0;border-radius:10px;color:#fff;padding:12px 22px;font-weight:700;font-size:16px;cursor:pointer}.messages{display:grid;align-content:start;gap:12px;height:300px;overflow:auto;margin:12px 0;padding:14px;border:1px solid #263541;border-radius:14px}.message-row{display:flex;align-items:flex-end;gap:8px;max-width:90%}.message-row.visitor{justify-self:end;flex-direction:row-reverse}.message{padding:12px 15px;border-radius:12px;max-width:82%}.message.assistant{background:#202b35}.message.visitor{background:#0868d1}.message-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:700;font-size:11px}.message-avatar.assistant{border:1px solid var(--blue);background:#07131d}.message-avatar img{width:100%;height:100%;object-fit:contain}.message-avatar.visitor{background:#61758a}.thinking-dots{display:flex;gap:4px;align-items:center;padding:13px 15px}.thinking-dots i{width:6px;height:6px;border-radius:50%;background:#b8c5cf;animation:thinking 1s infinite ease-in-out}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes thinking{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-form{display:flex;gap:8px}.chat-form input{flex:1}.privacy,output{color:var(--muted);font-size:12px}output{display:block;color:#ff9e9e;margin-top:8px}.notes-link{display:none!important}.share-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#17232d;border:1px solid var(--blue);padding:10px 16px;border-radius:8px;z-index:10}[hidden]{display:none!important}.preview{margin:14px 0 0;padding:14px 18px;border:1px solid #263541;border-radius:14px;background:#0b1217;min-height:118px}.preview-label{display:block;color:#8d9eaa;font-size:10px;letter-spacing:.25em;margin-bottom:10px}.preview .message{max-width:75%}
@media(min-width:900px){.shell:not(:has(.chat-panel.open)) .card{min-height:850px;display:flex;flex-direction:column}.shell:has(.chat-panel.open){grid-template-columns:minmax(520px,544px) minmax(650px,723px);gap:26px;padding:30px 56px;align-items:center;justify-content:center;overflow:hidden}.shell:has(.chat-panel.open) .card{height:min(860px,calc(100vh - 40px));padding:32px 76px 24px;overflow:hidden}.shell:has(.chat-panel.open) .chat-panel{height:min(720px,calc(100vh - 80px));min-height:0;overflow:hidden}.shell:has(.chat-panel.open) .card-layout{display:block}.shell:has(.chat-panel.open) .actions{display:none}.shell:has(.chat-panel.open) .identity{border:0;padding:8px 0 0 35px}.shell:has(.chat-panel.open) .mds-logo{width:360px}.shell:has(.chat-panel.open) .strapline{font-size:10px;margin:12px 0 20px}.shell:has(.chat-panel.open) .portrait{width:220px;height:220px}.shell:has(.chat-panel.open) .identity h1{font-size:47px}.shell:has(.chat-panel.open) .roles{margin-top:18px}.shell:has(.chat-panel.open) .connect{margin:14px 0 0;padding-top:14px;gap:18px}.shell:has(.chat-panel.open) .qr{width:112px;height:112px}.shell:has(.chat-panel.open) .connect strong{font-size:12px;white-space:nowrap}.shell:has(.chat-panel.open) .chat-panel:has(#gate:not([hidden])){height:min(560px,calc(100vh - 80px))}.shell:has(.chat-panel.open) #conversation{display:flex;flex-direction:column;flex:0 0 auto;min-height:0}.shell:has(.chat-panel.open) #conversation .messages{height:360px;flex:none}.shell:has(.chat-panel.open) .chat-form{flex:none}}
@media(max-width:899px){body{overflow-x:hidden}.shell{padding:0;min-height:100dvh;align-content:start;overflow:visible}.card{width:100%;max-width:360px;margin:max(16px,env(safe-area-inset-top,0px)) auto 0;padding:8px 10px 10px;border:0;border-radius:18px;min-height:590px;background:linear-gradient(145deg,#070c0f,#10171d)}.mds-logo{width:210px}.motto{font-size:7px;line-height:1.5}.strapline{text-align:center;font-size:8px;letter-spacing:.22em;margin:7px 0 9px}.card-layout{display:flex;flex-direction:column;gap:5px}.identity{border:0;padding:0}.portrait{width:110px;height:110px;margin:0 auto 6px}.identity h1{font-size:32px;text-align:center;line-height:1.05;margin-bottom:2px}.eyebrow{text-align:center;font-size:10px;line-height:1.1}.roles{margin-top:5px}.role{font-size:15px;line-height:18px;min-height:18px;margin:0;gap:9px}.role span{font-size:18px;width:25px}.identity-rule{display:none}.actions-area{padding:0}.actions{gap:5px;grid-template-rows:repeat(3,44px)}.actions button,.actions a{height:44px;min-height:44px;border-radius:12px;font-size:18px;padding:0 14px}.action-icon{transform:scale(.85)}.arrow{font-size:32px;line-height:1}.actions strong{line-height:1}.connect{margin-top:8px;padding-top:8px;gap:10px;align-items:flex-start}.connect>div{min-width:0}.connect strong{font-size:12px;white-space:nowrap}.connect p{font-size:8px;letter-spacing:.25em;margin:0 0 2px}.qr{width:80px;height:80px}.footer-strapline,.chat-actions,.preview{display:none}.website-link{font-size:9px;margin-top:6px;white-space:nowrap}.mobile-encouragement{display:block;color:#b3bdc6;font-size:8px;letter-spacing:.22em;margin-top:7px}.shell:has(.chat-panel.open) .card{display:none}.shell:has(.chat-panel.open) .chat-panel{display:flex;position:fixed;inset:0;z-index:5;height:100dvh;min-height:100dvh;border:0;border-radius:0;padding:0;background:#0b1014;overflow:hidden}.shell:has(.chat-panel.open) .chat-heading{flex:none;border-radius:0;padding:15px 16px}.shell:has(.chat-panel.open) .chat-back{display:flex;background:none;border:0;color:#fff;font-size:16px;margin-right:4px}.shell:has(.chat-panel.open) #gate{overflow:auto;border:0;border-radius:0;padding:18px 16px}.shell:has(.chat-panel.open) #conversation{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 12px 12px;overflow:hidden}.shell:has(.chat-panel.open) #conversation .messages{min-height:0;margin:0 0 10px;padding:12px 0 18px;flex:1;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0}.shell:has(.chat-panel.open) .chat-form{flex:none}.shell:has(.chat-panel.open) .privacy{margin:6px 0 0}.shell:has(.chat-panel.open) .copy-option{display:flex}.chat-active{overflow:hidden!important}}
@media(max-width:899px) and (max-height:700px){.card{padding:6px 9px 8px;min-height:590px}.topbar{min-height:28px}.mds-logo{width:205px}.motto{font-size:6px;line-height:1.35}.strapline{font-size:7px;line-height:1.2;margin:4px 0 6px}.portrait{width:110px;height:110px;margin-bottom:4px}.identity h1{font-size:32px}.eyebrow{font-size:9px}.roles{margin-top:3px}.role{font-size:15px;line-height:16px;min-height:16px}.actions{gap:4px;grid-template-rows:repeat(3,43px)}.actions button,.actions a{height:43px;min-height:43px;max-height:43px;font-size:18px}.connect{margin-top:6px;padding-top:6px}.qr{width:80px;height:80px}.connect strong{display:block;line-height:1.25;white-space:nowrap;font-size:11px}.mobile-encouragement{display:block}.notes-link{display:none!important}}
.chat-form .primary:disabled{opacity:.55;cursor:wait}@media(prefers-reduced-motion:reduce){.thinking-dots i{animation:none;opacity:.7}}@media(max-width:899px){.shell:has(.chat-panel.open) .chat-heading{padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:10px}.shell:has(.chat-panel.open) .chat-logo{width:42px;height:30px}.shell:has(.chat-panel.open) .chat-heading h2{font-size:23px}.shell:has(.chat-panel.open) .subheading{font-size:12px}.shell:has(.chat-panel.open) #conversation .messages{padding-bottom:24px}.shell:has(.chat-panel.open) .message-row{max-width:96%}.shell:has(.chat-panel.open) .chat-form{width:100%;max-width:100%;min-width:0;align-items:stretch}.shell:has(.chat-panel.open) .chat-form input{min-width:0;width:auto;flex:1 1 auto;max-width:100%;box-sizing:border-box}.shell:has(.chat-panel.open) .chat-form .primary{flex:0 0 auto;min-width:0;box-sizing:border-box;white-space:nowrap}}