.companion-workspace{--c-ink:#20312f;--c-muted:#718078;--c-paper:#f2f1e9;--c-card:#fbfaf5;--c-line:#d6dcd1;--c-fez:#9e433e;--c-green:#304b40;min-height:100dvh;color:var(--c-ink);background:var(--c-paper)}
.companion-os{position:relative;width:100%;height:100dvh;min-height:620px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#faf9f2 0,#f0f1e9 55%,#e7ebe2 100%);isolation:isolate}
.companion-os:before{content:"";position:absolute;inset:8% 8% 18%;pointer-events:none;background:radial-gradient(circle at 18% 28%,#d9e6dc80 0,transparent 22%),radial-gradient(circle at 82% 62%,#eadcd84f 0,transparent 24%);filter:blur(20px)}
.companion-top{position:absolute;z-index:20;top:0;left:0;right:0;height:74px;padding:0 28px;display:flex;align-items:center;gap:12px}.companion-home,.companion-route-resume,.companion-minimize,.companion-back{border:0;background:none;color:inherit}.companion-home{display:flex;align-items:center;gap:8px;padding:9px 0}.companion-home strong{font-size:14px}.companion-home span{font-size:12px;color:var(--c-muted)}.companion-presence-dot{width:7px;height:7px;border-radius:50%;background:#748a70;transition:background .2s,box-shadow .2s}.companion-presence-dot[data-state=listening]{background:#b8564d;box-shadow:0 0 0 5px #b8564d16}.companion-presence-dot[data-state=thinking],.companion-presence-dot[data-state=permission]{background:#4a999d;animation:c-breathe 1.5s ease-in-out infinite}.companion-presence-dot[data-state=speaking]{background:#4a8585;box-shadow:0 0 0 5px #4a858516}.companion-route-resume{margin-inline-start:auto;max-width:240px;height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--c-line);border-radius:18px;background:#fff9;backdrop-filter:blur(12px);font-size:11px}.companion-route-resume[hidden]{display:none}.companion-route-resume svg,.companion-back svg,.companion-mic svg,.companion-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.companion-minimize{width:38px;height:38px;border-radius:50%;font-size:20px;color:var(--c-muted);transition:background .18s}.companion-minimize:hover{background:#ffffff9c}
.companion-stage{position:absolute;inset:0 0 78px;overflow:hidden}.companion-face{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:54px 20px 90px}.companion-main-face{position:absolute;inset:54px 3vw 90px;display:grid;place-items:center;transform-origin:50% 50%;transition:transform .56s cubic-bezier(.22,.84,.22,1),opacity .2s ease .34s,filter .4s ease}.companion-main-face svg{width:100%;height:100%;overflow:visible}.companion-main-face .face-closed{opacity:0}.companion-main-face .face-open{animation:c-face-open 6.2s ease-in-out infinite}.companion-main-face .face-closed{animation:c-face-closed 6.2s ease-in-out infinite}.companion-main-face[data-state=thinking] .face-glint{animation:c-glint 1.25s ease-in-out infinite}.companion-main-face[data-state=listening] .face-eyes{transform:translateY(-3px)}.companion-main-face .face-eyes{transition:transform .35s ease}.companion-main-face .face-mouth-open,.companion-main-face .face-tongue{transform-origin:450px 270px;transform:scaleY(calc(.22 + var(--mouth,0)*.78));transition:transform 90ms ease-out,opacity 90ms ease-out}.companion-face-presence{position:absolute;z-index:4;bottom:42px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 40px));text-align:center;transition:opacity .18s ease,transform .35s ease}.companion-workspace[data-transition=collapsing] .companion-main-face{transform:translate(43vw,34vh) scale(.13);opacity:0;filter:blur(3px)}.companion-workspace[data-transition=collapsing] .companion-face-presence{opacity:0;transform:translate(-50%,12px)}.companion-workspace[data-transition=entering] .companion-flow{opacity:0;transform:scale(.985)}.companion-workspace[data-transition=entering] .companion-flow-companion{opacity:0;transform:translateY(18px) scale(.72)}.companion-live-status{margin:0 0 9px;color:var(--c-muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.companion-live-copy{margin:0 auto;max-width:650px;color:var(--c-muted);font:400 clamp(14px,1.35vw,19px)/1.55 var(--sans);text-wrap:balance}.companion-live-copy.is-answer{color:var(--c-ink)}
.companion-dock{position:absolute;z-index:1400;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(820px,calc(100% - 28px));display:flex;align-items:flex-end;gap:9px}.companion-command{flex:1;min-height:50px;display:flex;align-items:flex-end;gap:10px;padding:7px 8px 7px 17px;border:1px solid #cbd3c7;background:#fffdf8e8;backdrop-filter:blur(18px);border-radius:25px;box-shadow:0 14px 34px #26383510}.companion-command textarea{flex:1;min-width:40px;max-height:112px;resize:none;overflow:auto;padding:7px 0;border:0;outline:0;background:none;color:inherit;font:14px/1.45 var(--sans)}.companion-send,.companion-mic{display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;color:white}.companion-send{width:36px;height:36px;background:var(--c-green)}.companion-mic{position:relative;width:50px;height:50px;background:var(--c-ink);box-shadow:0 10px 28px #1d302624;transition:transform .18s,background .18s}.companion-mic:hover{transform:translateY(-2px)}.companion-mic.is-live{background:var(--c-fez)}.companion-mic.is-live i{position:absolute;inset:-5px;border:1px solid #9e433e55;border-radius:50%;animation:c-pulse 1.8s ease-out infinite}.companion-mic.is-muted{background:#7b827e}.companion-mic svg{width:21px;height:21px}
.companion-flow{position:relative;width:100%;height:100%;padding:76px clamp(26px,4vw,68px) 28px;overflow:auto;transition:opacity .32s ease,transform .45s cubic-bezier(.22,.84,.22,1)}.companion-flow-bar{position:sticky;z-index:8;top:0;display:flex;align-items:center;gap:18px;min-height:88px;padding:8px 0 16px;background:linear-gradient(var(--c-paper) 72%,transparent)}.companion-back{display:flex;align-items:center;gap:7px;padding:9px 11px 9px 4px;color:var(--c-muted);font-size:11px;border-radius:12px}.companion-back:hover{color:var(--c-ink);background:#fff8}.companion-flow-identity{min-width:0}.companion-flow-identity>span{display:block;margin-bottom:3px;color:var(--c-fez);font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.companion-flow-identity h1{margin:0;max-width:900px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 clamp(27px,3vw,46px)/1.1 var(--serif);letter-spacing:-.035em}.companion-flow-body{width:min(980px,calc(100% - 250px));min-height:calc(100% - 100px);padding:12px 0 100px}.companion-flow-companion{position:fixed;z-index:10;right:clamp(20px,4vw,70px);bottom:92px;width:230px;display:flex;flex-direction:column;align-items:center;pointer-events:none;transition:opacity .32s ease,transform .5s cubic-bezier(.22,.84,.22,1)}.companion-side-model{width:170px;height:150px;filter:drop-shadow(0 18px 18px #26383520);pointer-events:auto}.companion-flow-companion .companion-live-copy{position:relative;width:230px;max-width:calc(100vw - 32px);max-height:150px;overflow:auto;margin:0 0 -8px;padding:12px 14px;border:1px solid var(--c-line);border-radius:15px 15px 15px 4px;background:#fffdf7ed;backdrop-filter:blur(12px);font-size:11px;line-height:1.55;color:var(--c-ink);box-shadow:0 8px 24px #2638350b;pointer-events:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;text-wrap:wrap}.companion-flow-companion .companion-live-copy:after{content:"";position:absolute;left:42px;bottom:-7px;width:13px;height:13px;border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);background:#fffdf7;transform:rotate(45deg)}
.companion-map-canvas{position:relative;width:100%;height:clamp(300px,48vh,520px);margin-bottom:22px;overflow:hidden;border:1px solid var(--c-line);border-radius:24px;background:#e1e6dd}.companion-map-canvas .leaflet-control-zoom{border:0!important;box-shadow:0 6px 18px #23342d17}.companion-map-canvas .leaflet-control-zoom a{color:var(--c-ink);border-color:var(--c-line);background:#fffdf3}.companion-map-canvas .leaflet-control-attribution{font-size:8px;background:#fff9}.companion-map-pin{background:none;border:0}.companion-map-pin span{display:grid;place-items:center;width:30px;height:30px;border:3px solid #fff;border-radius:50% 50% 50% 8px;background:var(--c-fez);color:#fff;font:700 11px var(--sans);box-shadow:0 6px 14px #2b38352c;transform:rotate(-45deg)}.companion-map-pin b{transform:rotate(45deg)}
.companion-result-list,.companion-place-list{border-top:1px solid var(--c-line)}.companion-result{padding:19px 2px;border-bottom:1px solid var(--c-line)}.companion-result-meta{display:block;margin-bottom:7px;color:var(--c-muted);font-size:10px}.companion-result>a,.companion-news-card>a{color:inherit;text-decoration:none;font:550 18px/1.35 var(--sans)}.companion-result>a:hover,.companion-news-card>a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.companion-result p,.companion-news-card p{margin:8px 0 0;color:var(--c-muted);font-size:12px;line-height:1.65}.companion-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--c-line);border-inline-start:1px solid var(--c-line)}.companion-news-card{min-height:180px;padding:21px;border-inline-end:1px solid var(--c-line);border-bottom:1px solid var(--c-line);background:#ffffff20}.companion-place{width:100%;display:flex;flex-direction:column;gap:4px;padding:17px 3px;text-align:start;border:0;border-bottom:1px solid var(--c-line);background:none;color:inherit}.companion-place strong{font-size:15px}.companion-place span{color:var(--c-muted);font-size:11px}.companion-route-card{margin:0 0 22px;padding:24px;border:1px solid var(--c-line);border-radius:22px;background:#fff9}.companion-kicker{display:block;margin-bottom:9px;color:var(--c-fez);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.companion-route-card h2{margin:0 0 15px;font:500 27px/1.2 var(--serif)}.companion-route-card p{margin:0;padding:9px 0;border-top:1px solid var(--c-line);color:var(--c-muted);font-size:12px}.companion-task-list{display:flex;flex-direction:column;gap:10px}.companion-task{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--c-line);border-radius:16px;background:#fff9}.companion-task input{width:20px;height:20px;accent-color:var(--c-fez)}.companion-task span{font-size:14px}.companion-task:has(input:checked) span{text-decoration:line-through;color:var(--c-muted)}.companion-empty-copy{margin:0;padding:24px 2px;color:var(--c-muted);font-size:13px;line-height:1.65}.companion-thread{display:none}
.companion-orb{position:fixed;z-index:50;right:22px;bottom:22px;width:128px;height:116px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;filter:drop-shadow(0 14px 14px #17251f26)}.global-companion-orb{animation:c-arrive .28s ease both}.companion-orb-model{display:block;position:absolute;inset:0}.companion-orb-badge{position:absolute;right:-2px;top:-4px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--c-fez,#9f443f);color:white;box-shadow:0 5px 13px #0002}.companion-orb-badge svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.companion-orb .sawalni-head-canvas,.companion-orb .sawalni-head-fallback{width:100%;height:100%}
@keyframes c-pulse{from{transform:scale(.88);opacity:.8}to{transform:scale(1.28);opacity:0}}@keyframes c-breathe{50%{opacity:.45}}@keyframes c-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes c-face-open{0%,72%,78%,100%{opacity:1}74%,76%{opacity:0}}@keyframes c-face-closed{0%,72%,78%,100%{opacity:0}74%,76%{opacity:1}}@keyframes c-glint{50%{opacity:.42}}
@media(max-width:850px){.companion-top{height:62px;padding:0 14px}.companion-end span,.companion-route-resume span{display:none}.companion-route-resume{margin-inline-start:auto;width:38px;padding:0;justify-content:center}.companion-stage{bottom:74px}.companion-face{padding:50px 10px 105px}.companion-main-face{inset:58px -20vw 112px}.companion-face-presence{bottom:56px}.companion-live-copy{font-size:13px;max-width:88vw}.companion-dock{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px);gap:7px}.companion-mic{width:48px;height:48px}.companion-command{min-height:48px}.companion-flow{padding:62px 16px 22px}.companion-flow-bar{min-height:80px}.companion-flow-identity h1{font-size:28px}.companion-flow-body{width:100%;padding-bottom:190px}.companion-flow-companion{position:fixed;right:10px;bottom:74px;width:190px;align-items:flex-end}.companion-side-model{width:104px;height:92px;margin-right:4px}.companion-flow-companion .companion-live-copy{display:block;width:190px;max-height:88px;font-size:10px}.companion-map-canvas{height:42vh;min-height:260px;border-radius:18px}.companion-news-grid{grid-template-columns:1fr}.companion-orb{width:94px;height:94px;right:15px;bottom:max(15px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.companion-presence-dot,.companion-mic i,.global-companion-orb{animation:none}.companion-main-face,.companion-face-presence,.companion-flow,.companion-flow-companion{transition:none}}

/* Companion call dock and the full Kharita application surface. */
.companion-workspace[data-view=maps] .companion-top{display:none}
.companion-workspace[data-view=maps]{--paper:#f7f6f2;--raised:#fff;--inset:#eeede8;--ink:#202321;--secondary:#595e5a;--tertiary:#696e69;--muted:#696e69;--line:#20232126;--line-soft:#20232112;--map-action:#202321;--map-action-hover:#3b413d;--map-on-action:#fff;--map-brass:#a18b5a;--map-brass-strong:#826530;--map-brass-wash:#f0eadb;--map-red:#ad433b;--map-red-strong:#92372f;--map-red-wash:#f3e8e4;--shadow:0 5px 20px #0002}
.companion-workspace[data-view=maps] .companion-stage{inset:0;z-index:1;overflow:hidden}
.companion-kharita,.companion-workspace[data-view=maps] .maps-workspace{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.companion-workspace[data-view=maps] .map-panel{max-height:calc(100% - 112px)}
.companion-workspace[data-view=maps] .leaflet-bottom{bottom:88px}
.companion-workspace[data-view=maps] .map-toolbar-back{border:0;border-inline-end:1px solid var(--line);background:transparent}
.companion-map-error{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--c-muted);background:var(--c-paper)}
.companion-dock{width:min(1060px,calc(100% - 28px));align-items:center;gap:10px;pointer-events:none}
.companion-workspace[data-view=maps] .companion-dock{z-index:1400}
.companion-command,.companion-call-controls{pointer-events:auto}
.companion-command{position:relative;padding:7px 8px;transition:border-color .18s,box-shadow .18s}
.companion-command.is-dropping{border-color:var(--c-fez);box-shadow:0 0 0 4px #9e433e18,0 14px 34px #26383510}
.companion-command textarea{padding:7px 4px}
.companion-call-controls{display:flex;align-items:center;gap:8px;padding:5px;border:1px solid #cbd3c7;border-radius:31px;background:#fffdf8e8;backdrop-filter:blur(18px);box-shadow:0 14px 34px #26383510}
.companion-mic,.companion-video,.companion-call{display:grid;place-items:center;position:relative;width:42px;height:42px;flex:0 0 auto;padding:0;border:0;border-radius:50%;color:var(--c-ink);background:#e9ece6;line-height:0;transition:transform .18s,background .18s,color .18s,opacity .18s}
.companion-mic{width:42px;height:42px;background:#e9ece6;color:var(--c-ink);box-shadow:none}
.companion-video:hover:not(:disabled),.companion-call:hover,.companion-mic:hover:not(:disabled){transform:translateY(-1px)}
.companion-video.is-live,.companion-mic.is-live{color:#fff;background:var(--c-green)}
.companion-mic:disabled,.companion-video:disabled{opacity:.38;cursor:default}.companion-mic.is-muted{color:#fff;background:#8f504b}.companion-mic.is-muted:after{content:"";position:absolute;width:23px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg)}
.companion-call{color:#fff;background:#3f6d59}.companion-call.is-active{background:#b54440}.companion-call>span{position:absolute;inset:0;display:grid;place-items:center}.companion-call-end,.companion-call.is-active .companion-call-start{opacity:0}.companion-call.is-active .companion-call-end{opacity:1}.companion-call-start,.companion-call-end{transition:opacity .14s ease}.companion-call-start svg{transform:translateY(-.25px)}.companion-call-end svg{transform:translateY(-1px)}
.companion-mic>svg,.companion-video>svg{display:block;position:absolute;left:50%;top:50%;width:19px;height:19px;transform:translate(-50%,-50%)}.companion-mic>svg{margin-top:-.5px}.companion-video>svg{margin-left:.5px}.companion-video svg,.companion-call svg,.companion-attach svg,.companion-attachment button svg,.companion-camera-flip svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.companion-attach{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:50%;color:var(--c-muted);background:transparent;transition:background .18s,color .18s}
.companion-attach:hover{color:var(--c-ink);background:#e9ece6}
.companion-attachment{position:absolute;left:12px;bottom:calc(100% + 9px);width:86px;height:86px;padding:4px;border:1px solid var(--c-line);border-radius:16px;background:var(--c-card);box-shadow:0 12px 30px #26383520}
.companion-attachment[hidden]{display:none}.companion-attachment img{width:100%;height:100%;display:block;object-fit:cover;border-radius:11px}.companion-attachment button{position:absolute;top:-7px;right:-7px;width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--c-line);border-radius:50%;color:var(--c-ink);background:var(--c-card)}.companion-attachment button svg{width:13px;height:13px}
.companion-camera{position:absolute;z-index:1390;right:22px;bottom:92px;width:min(280px,34vw);aspect-ratio:4/3;overflow:hidden;border:1px solid #ffffff80;border-radius:22px;background:#1b2524;box-shadow:0 18px 46px #17242036;pointer-events:auto}
.companion-camera[hidden]{display:none}.companion-camera video{width:100%;height:100%;display:block;object-fit:cover;transform:scaleX(-1)}.companion-camera-flip{position:absolute;right:10px;bottom:10px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff4d;border-radius:50%;color:#fff;background:#172420a8;backdrop-filter:blur(8px)}

@media(max-width:700px){
  .companion-dock{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);display:grid;grid-template-columns:1fr auto;gap:7px}
  .companion-command{min-width:0;min-height:48px}
  .companion-call-controls{gap:4px;padding:4px}.companion-mic,.companion-video,.companion-call{width:40px;height:40px}
  .companion-workspace[data-view=maps] .map-panel{bottom:72px;max-height:calc(100% - 82px)}
  .companion-workspace[data-view=maps] .map-panel.sheet-full{height:calc(100% - 82px)}
  .companion-workspace[data-view=maps] .leaflet-bottom{bottom:74px}
  .companion-camera{right:10px;bottom:76px;width:min(190px,47vw);border-radius:17px}
}
@media(max-width:480px){
  .companion-dock{grid-template-columns:1fr;align-items:end}.companion-call-controls{justify-self:center;order:2}.companion-command{order:1}
  .companion-workspace[data-view=maps] .map-panel{bottom:118px;max-height:calc(100% - 128px)}
  .companion-workspace[data-view=maps] .map-panel.sheet-full{height:calc(100% - 128px)}
  .companion-workspace[data-view=maps] .leaflet-bottom{bottom:120px}
  .companion-camera{bottom:124px}
}