:root{--ink:#2f4038;--quiet:#53675c;--plum:#365e4d;--gold:#bd785b;--paper:#faf5ec;--edge:#b6c3b5;background:#faf5ec;color:var(--ink)}
body{background:radial-gradient(ellipse at 90% 5%,#e6ebd9,transparent 45%),radial-gradient(ellipse at 0% 65%,#f3ddd0,transparent 48%),#faf5ec;padding:28px 24px 36px}
.frame{max-width:760px}.mast{color:var(--ink);padding:0 8px 30px}.brand{font-weight:600;letter-spacing:.16em;font-size:19px}.emblem{background:#365e4d;color:#fff8ea;border:0}.private-note{color:var(--quiet);font-size:13px}.paper{background:transparent;border:0;box-shadow:none;padding:8px 32px 20px}.top{font-size:12px}.top>span:first-child{visibility:hidden}.intro{text-align:center;padding:24px 0 12px}.eyebrow{color:#6f5947;font-size:11px;letter-spacing:.18em}.intro h1{font-size:clamp(42px,7vw,62px);color:#2f4038;line-height:1.07;letter-spacing:-.045em;margin:22px 0}.intro p{color:#53675c;font-size:18px;max-width:440px;margin:auto}.intro .sub{font-size:14px;margin-top:15px}.presence{position:relative;width:126px;height:126px;margin:27px auto 0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#dae6b3,#9ab899 55%,#547963);box-shadow:inset -10px -8px 25px #365e4d22,0 16px 42px #738e6c26;animation:breathe 6s ease-in-out infinite}.presence span{position:absolute;border:1px solid #fff8;border-radius:50%;inset:13px;transform:rotate(25deg) scaleX(.65)}.presence span:nth-child(2){transform:rotate(85deg) scaleX(.65)}.presence span:nth-child(3){transform:rotate(145deg) scaleX(.65)}
@keyframes breathe{50%{transform:scale(1.045);box-shadow:inset -10px -8px 25px #365e4d22,0 18px 48px #738e6c38}}
.arrival-controls{justify-content:center;margin:22px 0 0;gap:8px}.arrival-controls #welcome-start{min-width:240px;border-radius:40px;padding:18px 26px;font-size:17px;background:#365e4d;border-color:#365e4d}.arrival-controls #quiet-voice{border:0;font-size:13px}.arrival-controls #resume-voice{background:#365e4d;color:white;border-radius:30px}#welcome-status{text-align:center;min-height:42px;margin-bottom:18px}.entry-choices{display:flex;gap:8px;position:sticky;top:10px;z-index:5;background:#faf5ecf5;border:1px solid #c3cdbd;border-radius:23px;padding:8px;box-shadow:0 5px 18px #34503b0a;backdrop-filter:blur(12px);margin-bottom:28px}.entry-choice{display:block;flex:1;border:0;background:transparent;padding:10px 5px;text-align:center;border-radius:16px;min-width:0}.entry-choice .entry-icon{margin:0 auto 5px;width:29px;height:29px;background:#e3e9db;color:#365e4d}.entry-choice strong{font-size:13px;margin:0}.entry-choice small{display:none}.entry-choice.talk{background:#e1e9dc;color:#2f4038}.entry-choice.talk:hover{background:#d4e1cd}.entry-choice.talk .entry-icon{color:#365e4d;background:#d0dec6}.entry-choice.emergency{background:transparent}.entry-choice.emergency .entry-icon{background:#f3e3d7;color:#8a4636}.compose{background:#fffdf8;border:1px solid #b6c3b5;border-radius:22px;padding:20px}.label{color:#365e4d;font-size:13px}textarea{min-height:86px}button.primary,.resource-link{background:#365e4d;border-color:#365e4d}.compose #speak{background:#e8eddf;border-color:transparent;color:#365e4d}.compose #send{background:#365e4d;color:white;border-color:#365e4d}.shortcut{gap:0}.shortcut button{font-size:13px;color:#53675c;flex:1}.voice-panel{background:#e5ecdf;border-color:#b6c3b5;border-radius:24px}.voice-panel-note{color:#53675c}.bubble.user{background:#e3eadc}.bubble.assistant{border-color:#bd785b}.help-panel{background:#fffcf5;border-color:#bac5b5;border-radius:22px}.step-card{background:#f3e5d4;border-color:#c3a78a}.preferences{margin-top:26px;border-top:1px solid #c9cebd;padding-top:12px;color:#53675c;font-size:14px}.preferences>summary{cursor:pointer;align-content:center}.utility{border:0;margin:0}.foot{color:#53675c;font-size:12px;padding-top:10px}.foot button{border:0;font-size:13px;text-decoration:underline;color:#365e4d;margin-top:12px}.urgent{margin-top:10px}#install-note{max-width:360px;margin:8px auto;line-height:1.6}.chat-header h1{color:#365e4d}.private-note{max-width:none}.hint,.rule,.country-label{color:#53675c}
@media(max-width:540px){body{padding:18px 12px 24px}.paper{padding:0 6px 14px}.mast{padding:0 6px 16px}.intro{padding-top:12px}.intro h1{font-size:45px}.intro p{font-size:17px;max-width:330px}.presence{width:108px;height:108px;margin-top:20px}.entry-choices{top:6px;gap:2px;margin-bottom:20px}.entry-choice{padding:10px 2px}.entry-choice strong{font-size:12px}.arrival-controls #welcome-start{width:100%;min-height:58px}.arrival-controls #quiet-voice{min-height:44px}.compose{padding:17px}.private-note{font-size:12px}.shortcut button{font-size:12px}.voice-top{flex-wrap:wrap}}
/* Settle after arrival, keep focus clear, and leave room beneath sticky navigation. */
.presence{animation-duration:4s;animation-iteration-count:1}
.compose{border-color:#788a79}
textarea::placeholder{color:#626e64}
:focus-visible{outline:3px solid #365e4d;outline-offset:4px}
#chat-compose,#human-title,#emergency-title,#resources-title,#step-card{scroll-margin-top:120px}
.shortcut button,.foot,.private-note{font-size:14px}
.entry-choice strong{font-size:14px}
button,summary{min-height:46px}
@media(max-width:360px){.entry-choice strong{font-size:13px}.intro h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.presence{animation:none}}@media(forced-colors:active){.presence,.entry-choices,.entry-choice{border:1px solid CanvasText}}
