:root{font-family:Arial,sans-serif;color:#243c31;background:#f5f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;border:1px solid #cbd4c9;background:transparent;color:#294638;padding:13px 20px;border-radius:9px;cursor:pointer;font-size:14px}button:hover{background:#e9eee5}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a67437;outline-offset:4px}[hidden]{display:none!important}header{max-width:1160px;margin:0 auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedfd5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:15px;font-weight:bold;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px}.mark{font-size:36px;border:1px solid #7c8975;border-radius:50%;width:52px;height:52px;text-align:center;line-height:44px}.tag{font-size:12px;color:#687265;border:1px solid #d6dacd;border-radius:20px;padding:8px 12px}main{max-width:1088px;margin:auto;padding:44px 0 24px}.intro{margin-bottom:33px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#7a886f;font-weight:bold}h1{font-family:Georgia,serif;font-weight:normal;font-size:54px;line-height:1.07;letter-spacing:-1.8px;margin:16px 0}h1 em{font-weight:normal;color:#78856b}.intro>p:last-child{font-size:15px;line-height:1.65;color:#697263}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.card{border:1px solid #dce0d3;background:#fdfdf8;border-radius:18px;padding:27px;box-shadow:0 5px 20px #233d3003}.card-top{display:flex;justify-content:space-between;align-items:center;gap:14px}h2{font-size:16px;margin:0;font-weight:500;letter-spacing:-.2px}.pill{font-size:10px;letter-spacing:.4px;border-radius:20px;background:#e4ecdf;padding:7px 10px;white-space:nowrap}.pill.light{background:#f0eee4;color:#7b735d}.voice{text-align:center}.voice .card-top{text-align:left}.orb-wrap{display:grid;place-items:center;height:174px}.orb{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 24%,#aec59d,#5e7a5a 48%,#34573f 85%);box-shadow:0 0 0 12px #eaf0e5,0 0 0 25px #f4f6ed,inset 0 0 20px #a8c78b55}.wave{display:flex;align-items:center;gap:5px;height:44px}.wave i{width:4px;height:15px;border-radius:4px;background:#edf5e5}.wave i:nth-child(2),.wave i:nth-child(6){height:26px}.wave i:nth-child(3),.wave i:nth-child(5){height:38px}.wave i:nth-child(4){height:48px}.orb.active i{animation:speak .75s infinite alternate}.orb.active i:nth-child(even){animation-delay:-.4s}@keyframes speak{to{transform:scaleY(.35)}}h3{font-family:Georgia,serif;font-weight:normal;font-size:26px;margin:6px 0 10px}.hint{font-size:13px;line-height:1.65;color:#77806e;margin:0 0 16px}.notice{font-size:12px;line-height:1.5;background:#f3f0e5;border-radius:8px;padding:11px;color:#786847;margin-bottom:14px}.consent{display:flex;gap:9px;text-align:left;font-size:11px;color:#6b7565;line-height:1.5;max-width:390px;margin:0 auto 17px}.consent input{accent-color:#31543c;width:17px;height:17px;flex-shrink:0}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.primary{background:#2e513b;color:#fff;border-color:#2e513b;min-width:240px;display:flex;justify-content:space-between;gap:35px}.primary:hover{background:#24432f}.danger{color:#913c34;border-color:#d5b3a9}.text-button{border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:12px}.session-meta{display:flex;justify-content:center;gap:18px;font-size:10px;color:#89917f;margin-top:10px}.subtle{font-size:12px;line-height:1.6;color:#7c8475}.intent>p{margin:18px 0}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #e9ebe1;padding:16px 0;font-size:13px}dt{color:#7b8372}dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:66%;line-height:1.4}.draft-note{font-size:12px;line-height:1.5;background:#f1f3e9;border-radius:8px;padding:13px}.intent #download{width:100%;margin-top:3px}.intent #clear{display:block;margin:3px auto}.conversation{margin-top:22px}#transcript{max-height:310px;overflow:auto;padding-top:14px}.empty{font-size:13px;color:#8a927e;margin:8px 0}.message{font-size:14px;line-height:1.55;padding:12px 15px;border-radius:10px;background:#eff3e9;margin:9px 0;max-width:92%;white-space:pre-wrap}.message.user{background:#f0ede4;margin-left:auto}.message small{display:block;text-transform:uppercase;letter-spacing:1px;font-size:9px;color:#7b866e;margin-bottom:5px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{font-size:12px;padding:10px 12px}.demo-label{font-size:11px;color:#977142}.knowledge{margin-top:22px;padding:22px 27px}summary{cursor:pointer;list-style:none;font-size:14px;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}footer{display:flex;justify-content:space-between;color:#8a907f;font-size:10px;line-height:1.6;margin:24px 0}footer span:last-child{text-align:right}body.embedded header,body.embedded .intro,body.embedded footer{display:none}body.embedded main{padding:12px;max-width:700px}body.embedded .layout{grid-template-columns:1fr}body.embedded .card{padding:20px}body.embedded .orb-wrap{height:142px}body.embedded .orb{width:100px;height:100px}@media(max-width:1150px){main{margin:0 30px}}@media(max-width:700px){header{padding:20px}.tag{font-size:10px}main{margin:0;padding:30px 16px}h1{font-size:40px}.layout{grid-template-columns:1fr}.card{padding:22px}.conversation .card-top{align-items:flex-start;flex-direction:column;gap:5px}footer{gap:18px}.session-meta{font-size:9px;gap:12px}}@media(prefers-reduced-motion:reduce){.orb.active i{animation:none}}

.voice-choice{display:grid;gap:7px;text-align:left;margin:0 auto 16px;max-width:390px;font-size:12px}.voice-choice select{font:inherit;color:#294638;background:#fff;border:1px solid #cbd4c9;border-radius:8px;padding:10px;width:100%}.voice-choice small{font-size:10px;color:#7c8475}.voice-choice select:focus-visible{outline:3px solid #a67437;outline-offset:2px}

body.guest .orb-wrap,body.guest .voice-choice,body.guest #demo,body.guest .knowledge{display:none}
/* Keep the guest's conversation controls within a small phone viewport. */
@media(max-width:700px){
  body.guest header{padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}
  body.guest .brand{font-size:13px;letter-spacing:1.4px;gap:9px}
  body.guest .brand small{font-size:9px;letter-spacing:2px;margin-top:3px}
  body.guest .mark{width:36px;height:36px;font-size:27px;line-height:31px}
  body.guest header .tag,body.guest .intro{display:none}
  body.guest main{padding:12px max(12px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  body.guest .voice{display:flex;flex-direction:column;padding:16px;gap:0}
  body.guest .voice .card-top{order:0;gap:8px;align-items:flex-start}
  body.guest #voice-title{font-size:16px;line-height:1.3;text-align:left}
  body.guest .voice .pill{font-size:9px;padding:6px 8px}
  body.guest .orb-wrap{order:1;height:90px}
  body.guest .orb{width:60px;height:60px;box-shadow:0 0 0 6px #eaf0e5,0 0 0 12px #f4f6ed}
  body.guest .wave{transform:scale(.65)}
  body.guest #status{order:2;font-size:25px;line-height:1.15;margin:4px 0 8px}
  body.guest .hint{order:3;font-size:13px;line-height:1.4;margin:0 0 12px}
  body.guest .consent{order:4;min-height:44px;align-items:center;font-size:13px;line-height:1.4;margin:0 0 12px;max-width:none}
  body.guest .consent input{width:22px;height:22px;margin:0 3px 0 0}
  body.guest .controls{order:5;display:flex;gap:8px}
  body.guest .controls button{min-height:48px;font-size:15px;padding:12px;flex:1 1 100%;min-width:0}
  body.guest .controls #stop{flex-basis:32%}
  body.guest .controls #mute{flex-basis:60%}
  body.guest .session-meta{order:6;font-size:10px;line-height:1.4;gap:10px;flex-wrap:wrap;margin-top:10px}
  body.guest .notice{order:7;text-align:left;font-size:12px;line-height:1.45;margin:12px 0 0;padding:10px}
  body.guest.in-call .consent{display:none}
  body.guest .intent,body.guest .conversation{padding:18px}
  body.guest footer{font-size:11px;flex-wrap:wrap}
  body.guest footer span:last-child{text-align:left}
}
@media(max-width:700px) and (max-height:600px){
  body.guest header{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:8px}
  body.guest main{padding-top:8px}
  body.guest .voice{padding:12px}
  body.guest .orb-wrap{height:58px}
  body.guest .orb{width:40px;height:40px;box-shadow:0 0 0 4px #eaf0e5,0 0 0 8px #f4f6ed}
  body.guest .wave{transform:scale(.45)}
  body.guest #status{font-size:23px}
  body.guest .hint{margin-bottom:8px}
  body.guest .consent{margin-bottom:8px}
}

.learning-note{font-size:12px;line-height:1.45;color:#67736b;margin:12px 0 0}
@media(max-width:700px){body.guest .learning-note{order:8;font-size:12px;margin:10px 0 0}}