:root{--ink:#17211f;--forest:#21342f;--paper:#f4f0e8;--card:#fffdf8;--gold:#c89b54;--coral:#b85b45;--muted:#7b817d;--line:#ded8cc;--ok:#4f846d;--shadow:0 18px 50px rgba(36,45,40,.09)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 2%,rgba(200,155,84,.12),transparent 27rem),var(--paper)}button,input,textarea{font:inherit}.shell{max-width:1180px;margin:auto;padding:0 28px 70px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand>div:last-child{display:grid;gap:2px}.brand strong{font-family:Georgia,serif;font-size:20px;letter-spacing:.2px}.brand span{font-size:11px;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase}.mark{width:39px;height:39px;border-radius:50% 50% 45% 45%;display:grid;place-items:center;background:var(--coral);color:#fff;font:italic 700 23px Georgia,serif;box-shadow:inset 0 0 0 4px rgba(255,255,255,.17)}.mark.large{width:58px;height:58px;font-size:34px;margin:auto}.live{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.5);font-size:12px;font-weight:700}.live i{width:8px;height:8px;border-radius:50%;background:#aaa}.live i.ok{background:var(--ok);box-shadow:0 0 0 5px rgba(79,132,109,.12)}.hero{min-height:288px;display:flex;align-items:center;justify-content:space-between;padding:44px 6% 32px}.eyebrow{margin:0 0 10px;font-size:10px;font-weight:800;letter-spacing:2.2px;color:var(--coral)}h1,h2{font-family:Georgia,serif;margin:0;font-weight:500}.hero h1{font-size:clamp(42px,6vw,74px);line-height:.98;max-width:690px}.hero h1 em{color:var(--coral);font-weight:500}.lede{max-width:610px;color:#5f6965;font-size:17px;line-height:1.65}.robot-orb{position:relative;width:172px;height:172px;border-radius:50%;background:linear-gradient(145deg,#e2cfaf,#c99b58);box-shadow:0 30px 60px rgba(111,81,38,.2),inset 0 0 0 16px rgba(255,255,255,.23);flex:0 0 auto}.face{position:absolute;width:100px;height:68px;left:36px;top:57px;border-radius:48% 48% 42% 42%;background:#f8f2e6;display:flex;justify-content:center;gap:29px;align-items:center}.face b{width:9px;height:17px;background:var(--ink);border-radius:50%}.antenna{position:absolute;width:7px;height:64px;background:var(--forest);top:-38px;border-radius:7px;transform-origin:bottom}.a1{left:49px;transform:rotate(-25deg)}.a2{right:49px;transform:rotate(25deg)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;background:rgba(255,253,248,.72);overflow:hidden;margin-bottom:22px}.status-grid article{padding:19px 24px;display:grid;gap:4px;border-right:1px solid var(--line)}.status-grid article:last-child{border:0}.status-grid span{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:800}.status-grid strong{font-family:Georgia,serif;font-size:20px}.status-grid small{color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow);margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel h2{font-size:27px}.language{background:#eee9df;border-radius:10px;padding:3px;display:flex}.language button{border:0;background:transparent;padding:8px 13px;border-radius:8px;font-size:12px;font-weight:800;color:var(--muted);cursor:pointer}.language button.active{background:var(--forest);color:#fff}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.action{min-height:132px;padding:19px;border:1px solid var(--line);background:#fbf8f2;border-radius:16px;text-align:left;display:grid;align-content:center;gap:4px;cursor:pointer;transition:.2s}.action:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 25px rgba(34,47,42,.08)}.action span{font-size:22px;color:var(--coral)}.action b{font-family:Georgia,serif;font-size:20px}.action small{color:var(--muted)}.action.primary{background:var(--forest);color:#fff;border-color:var(--forest)}.action.primary small{color:#cdd8d4}.two-col{display:grid;grid-template-columns:1.55fr .85fr;gap:22px}.two-col .panel{margin:0}.conversation textarea{width:100%;min-height:92px;border:1px solid var(--line);border-radius:13px;padding:15px;background:#faf7f1;resize:vertical;outline:0}.conversation textarea:focus,input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,155,84,.12)}#chatForm button,.login button,.save{margin-top:10px;border:0;border-radius:12px;background:var(--coral);color:#fff;padding:13px 17px;font-weight:800;cursor:pointer}#chatForm button{width:100%;display:flex;justify-content:space-between}.transcript{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;display:grid;gap:14px}.transcript>div{padding-left:13px;border-left:2px solid var(--line)}.transcript .reachy-line{border-color:var(--coral)}.transcript span{font-size:9px;letter-spacing:1.6px;font-weight:800;color:var(--muted)}.transcript p{margin:5px 0;font-size:14px;line-height:1.45}.control{display:grid;align-content:start}.control-btn{display:flex;align-items:center;gap:13px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:16px 4px;cursor:pointer}.control-btn span{width:37px;height:37px;border-radius:10px;background:#ece9e1;display:grid;place-items:center;font-weight:800}.control-btn div{display:grid;gap:2px}.control-btn small{color:var(--muted)}.control-btn.danger{color:#a34332}.control-btn.danger span{background:#f5dfda}.settings{margin-top:22px;padding:0;overflow:hidden}.settings-toggle{width:100%;border:0;background:transparent;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.settings-toggle span:first-child{display:grid;gap:4px}.settings-toggle small{font-size:9px;letter-spacing:1.8px;color:var(--coral);font-weight:800}.settings-toggle b{font-family:Georgia,serif;font-size:22px}.settings form{padding:0 28px 28px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:22px}.form-grid label{font-size:12px;font-weight:750;color:#555;display:grid;gap:7px}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;background:#faf7f1;resize:vertical;outline:0}.switches{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.switches label{display:flex;align-items:center;gap:8px;font-size:13px}.switches input{accent-color:var(--coral)}.save{margin:0}.alert{padding:13px 17px;border:1px solid #e5b6aa;border-radius:12px;background:#f8e9e5;color:#8b3b2c;margin-bottom:18px}.login{position:fixed;inset:0;background:rgba(23,33,31,.92);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px;z-index:10}.login-card{width:min(420px,100%);background:var(--card);padding:36px;border-radius:22px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.28)}.login-card .eyebrow{margin-top:17px}.login-card h1{font-size:39px}.login-card>p:not(.eyebrow){color:var(--muted);line-height:1.5}.login-card label{display:grid;gap:7px;text-align:left;font-size:12px;font-weight:800;margin-top:23px}.login-card input{border:1px solid var(--line);border-radius:11px;padding:13px;outline:0}.login-card button{width:100%}.login-card>small{display:block;color:#a34332;margin-top:10px}.toast{position:fixed;right:22px;bottom:22px;background:var(--forest);color:#fff;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:none}
@media(max-width:820px){.shell{padding:0 16px 45px}.topbar{height:74px}.hero{min-height:260px;padding:36px 2%}.robot-orb{width:115px;height:115px}.face{width:69px;height:48px;left:23px;top:38px;gap:19px}.antenna{height:45px;top:-28px}.a1{left:33px}.a2{right:33px}.status-grid{grid-template-columns:1fr}.status-grid article{border-right:0;border-bottom:1px solid var(--line)}.actions{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
@media(max-width:540px){.brand span{display:none}.hero{align-items:flex-start}.robot-orb{display:none}.hero h1{font-size:46px}.panel{padding:20px;border-radius:17px}.actions{gap:8px}.action{min-height:116px;padding:14px}.action b{font-size:18px}.settings-toggle{padding:20px}.settings form{padding:0 20px 20px}.switches{display:grid}.login-card{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}