.lobo-chat{--bg:#0b0d16;--s1:#121530;--s2:#1a1e40;--surface:#14182eeb;--accent:#8b7cff;--cy:#38e1d4;--gold:#d8b45a;--text:#eef0ff;--muted:#a7adcf;--line:#94a3ff38;--ok:#4ade80;--danger:#ff7a7a;--r:18px;background:radial-gradient(ellipse 90% 55% at 70% -10%, #8b7cff29, transparent 60%), radial-gradient(ellipse 60% 40% at 0% 110%, #38e1d414, transparent 60%), var(--bg);height:100dvh;color:var(--text);font-family:var(--font-sans,"Figtree", ui-sans-serif, system-ui, sans-serif);display:flex;position:relative;overflow:hidden}.lobo-chat button{font:inherit}.lobo-chat button:focus-visible,.lobo-chat input:focus-visible,.lobo-chat textarea:focus-visible{outline:2px solid var(--cy);outline-offset:2px}.btn-accent{background:linear-gradient(135deg, var(--accent), #6f5ef0);color:#0b0d16;cursor:pointer;border:1px solid #0000;border-radius:99px;padding:10px 20px;font-weight:700}.btn-accent:disabled{opacity:.45;cursor:default}.btn-ghost{color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;padding:9px 16px}.btn-ghost:hover,.btn-accent:hover:not(:disabled){border-color:var(--accent)}.btn-small{padding:6px 13px;font-size:.85rem}.sidebar{width:312px;padding:18px 14px calc(14px + env(safe-area-inset-bottom));background:var(--s1);border-right:1px solid var(--line);z-index:30;flex-direction:column;flex:0 0 312px;gap:12px;display:flex;overflow-y:auto}.brand{align-items:center;gap:12px;padding:2px 6px;display:flex}.brand-sprite{object-fit:cover;border:2px solid var(--accent);background:var(--s2);border-radius:50%;width:46px;height:46px}.brand-name{font-family:var(--font-display,"Syne", sans-serif);letter-spacing:.01em;font-size:1.25rem;font-weight:700}.brand-sub{color:var(--muted);font-size:.82rem}.btn-new{width:100%;padding:12px;font-size:1rem}.conv-list{flex-direction:column;flex:auto;gap:6px;min-height:60px;display:flex}.conv-empty{color:var(--muted);padding:6px;font-size:.9rem;line-height:1.45}.conv{border-radius:var(--r);border:1px solid #0000;align-items:center;gap:8px;padding:4px 6px 4px 4px;display:flex}.conv:hover{background:var(--s2)}.conv-active{background:var(--s2);border-color:var(--line)}.conv-main{text-align:left;min-width:0;color:inherit;border-radius:var(--r);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:auto;align-items:stretch;padding:7px 8px;display:flex}.conv-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.conv-meta{color:var(--muted);margin-top:2px;font-size:.78rem}.conv-delete{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:99px;padding:4px 6px;font-size:.78rem}.conv-delete:hover{color:var(--danger)}.side-card{background:var(--s2);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:8px;padding:14px;display:flex}.side-card-row{align-items:center;gap:8px;font-weight:600;display:flex}.side-card-line{color:var(--muted);margin:0;font-size:.83rem;line-height:1.45}.side-card-line.mono{word-break:break-all;font-family:ui-monospace,monospace;font-size:.75rem}.dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.dot-ok{background:var(--ok);box-shadow:0 0 8px #4ade80b3}.dot-danger{background:var(--danger)}.dot-gold{background:var(--gold);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.field-label{margin-top:4px;font-size:.83rem;font-weight:600}.field-input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:.9rem}.field-actions{flex-wrap:wrap;gap:6px;display:flex}.btn-how{width:100%}.storage-note{color:var(--muted);margin:0;padding:0 4px;font-size:.8rem;line-height:1.45}.drawer-backdrop{display:none}.main{flex-direction:column;flex:auto;min-width:0;display:flex}.main-head{border-bottom:1px solid var(--line);background:#0b0d1699;align-items:center;gap:10px;padding:12px 16px;display:flex}.btn-chats{display:none}.main-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:1.05rem;font-weight:700;overflow:hidden}.conn-pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:99px;align-items:center;gap:7px;padding:5px 12px;font-size:.8rem;display:flex}.thread{flex-direction:column;flex:auto;gap:18px;width:min(860px,100%);margin:0 auto;padding:22px 18px 12px;display:flex;overflow-y:auto}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:520px;margin:auto;padding:20px 8px;display:flex}.idle-stage{aspect-ratio:1;border-radius:var(--r);border:1px solid var(--line);background:var(--s2);width:min(236px,68vw);position:relative;overflow:hidden;box-shadow:0 0 42px #8b7cff47}.idle-still,.idle-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.idle-still{transition:opacity .6s}.idle-still.gone{opacity:0}.empty-title{font-family:var(--font-display,"Syne", sans-serif);margin:4px 0 0;font-size:1.7rem}.empty-body{color:var(--muted);margin:0;line-height:1.55}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.suggestion{background:var(--s1);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:99px;padding:9px 16px}.suggestion:hover{border-color:var(--cy)}.row{align-items:flex-start;gap:10px;display:flex}.row-user{justify-content:flex-end}.avatar{object-fit:cover;border:2px solid var(--accent);background:var(--s2);border-radius:50%;flex:none;width:36px;height:36px;margin-top:16px}.bubble-wrap{flex-direction:column;gap:4px;max-width:min(640px,86%);display:flex}.row-user .bubble-wrap{align-items:flex-end}.msg-name{color:var(--muted);align-items:center;gap:7px;font-size:.76rem;display:flex}.demo-tag{color:var(--gold);border:1px solid var(--gold);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:0 7px;font-size:.68rem;font-weight:700}.bubble{border-radius:var(--r);white-space:pre-wrap;word-break:break-word;padding:12px 16px;font-size:.98rem;line-height:1.55}.bubble-lobo{background:var(--s2);border:1px solid var(--line)}.bubble-user{border:1px solid var(--line);background:linear-gradient(135deg,#8b7cff61,#38e1d429)}.thinking{color:var(--muted);align-items:center;gap:10px;display:flex}.tdots{gap:4px;display:inline-flex}.tdots span{background:var(--cy);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pulse}.tdots span:nth-child(2){animation-delay:.18s}.tdots span:nth-child(3){animation-delay:.36s}.error-card{border:1px solid var(--danger);border-radius:var(--r);background:#ff7a7a14;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;display:flex}.error-title{margin:0;font-weight:700}.error-body{color:var(--muted);margin:0;line-height:1.5}.chat-splash{z-index:60;cursor:pointer;background:#000;border:0;width:100%;padding:0;position:absolute;inset:0}.chat-splash video{object-fit:cover;width:100%;height:100%;display:block}.chat-splash-skip{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));color:var(--text);border:1px solid var(--line);background:#0b0d16b8;border-radius:99px;padding:7px 16px;font-size:.85rem;position:absolute;transform:translate(-50%)}.ride-row{width:min(860px,100%);margin:0 auto;padding:0 18px}.ride-off{pointer-events:none;margin:2px 0 4px}.ride-off video{border:1px solid #d8b45a47;border-radius:14px;width:auto;max-width:100%;height:64px;display:block}.avatar-video{object-fit:cover}.composer{align-items:flex-end;gap:10px;width:min(860px,100%);margin:0 auto;padding:10px 18px 4px;display:flex}.composer-input{background:var(--s1);color:var(--text);border:1px solid var(--line);border-radius:var(--r);font:inherit;resize:none;flex:auto;min-height:50px;max-height:140px;padding:13px 16px;font-size:1rem}.composer-input::placeholder{color:var(--muted)}.btn-send{padding:13px 24px;font-size:1rem}.composer-hint{width:min(860px,100%);padding:2px 18px calc(10px + env(safe-area-inset-bottom));color:var(--muted);margin:0 auto;font-size:.76rem}.tut-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#04060ebd;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.tut-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:14px;width:min(520px,100%);max-height:calc(100dvh - 36px);padding:22px 24px;display:flex;overflow-y:auto;box-shadow:0 24px 70px #0000008c}.tut-top{justify-content:space-between;align-items:center;display:flex}.tut-count{color:var(--muted);font-size:.83rem;font-weight:600}.tut-skip{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline}.tut-visual{justify-content:center;padding:6px 0;display:flex}.tut-sprite{object-fit:cover;border:3px solid var(--accent);background:var(--s2);border-radius:50%;width:96px;height:96px}.tut-mock-composer{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:8px;width:100%;padding:10px;display:flex}.tut-mock-input{color:var(--muted);flex:1;padding:0 8px}.tut-mock-send{background:var(--accent);color:#0b0d16;border-radius:99px;padding:7px 16px;font-weight:700}.tut-mock-list{flex-direction:column;gap:6px;width:100%;display:flex}.tut-mock-row{background:var(--s2);border:1px solid var(--line);border-radius:12px;padding:9px 13px;font-size:.9rem}.tut-mock-row-new{color:var(--cy);font-weight:700}.tut-mock-note{color:var(--gold);padding:2px 4px;font-size:.8rem}.tut-title{font-family:var(--font-display,"Syne", sans-serif);margin:0;font-size:1.35rem}.tut-body{color:var(--muted);margin:0;line-height:1.6}.tut-dots{justify-content:center;gap:6px;display:flex}.tut-dot{background:var(--s2);border:1px solid var(--line);border-radius:50%;width:8px;height:8px}.tut-dot-on{background:var(--cy)}.tut-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}@media (width<=820px){.sidebar{flex-basis:auto;width:min(320px,88vw);transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-106%);box-shadow:24px 0 60px #00000080}.sidebar-open{transform:translate(0)}.drawer-backdrop{z-index:25;cursor:pointer;background:#04060e99;border:none;display:block;position:fixed;inset:0}.btn-chats{display:inline-block}.bubble-wrap{max-width:88%}.thread{padding:16px 12px 8px}.ride-row{padding:0 12px}.composer{padding:8px 12px 2px}.composer-hint{padding:2px 12px calc(8px + env(safe-area-inset-bottom))}}.msg-copy{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:99px;align-self:flex-start;padding:2px 4px;font-size:.74rem}.msg-copy:hover{color:var(--text)}.notice{border:1px solid var(--line);border-radius:var(--r);background:var(--s2);justify-content:space-between;align-items:center;gap:12px;width:min(860px,100% - 24px);margin:0 auto 8px;padding:10px 14px;font-size:.88rem;display:flex}.notice-warn{border-color:var(--gold);color:var(--gold);justify-content:flex-start}.composer-input{resize:none;max-height:160px}@media (prefers-reduced-motion:reduce){.dot-gold,.tdots span{animation:none}.sidebar{transition:none}}.conn-pill{cursor:pointer;font:inherit;background:0 0;font-size:.85rem}.conn-pill-bad{border-color:var(--danger);color:var(--text);font-weight:600}.side-card-button{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;display:block}.settings-screen{z-index:60;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.settings-head{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.btn-back{font-size:1rem;font-weight:600}.settings-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.settings-body{flex-direction:column;gap:12px;width:100%;max-width:560px;margin:0 auto;padding:16px;display:flex}.settings-section{color:var(--text);letter-spacing:.02em;margin:8px 0 0;font-size:.95rem;font-weight:700}.btn-chats{white-space:nowrap}.conn-pill-bad{flex-shrink:0;padding:5px 10px;font-size:.8rem}:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1)}.btn-export-icon{display:none}@media (width<=430px){.btn-export-icon{font-size:1.05rem;display:inline}.btn-export-text{display:none}}@media (width<=820px){.sidebar{transform-origin:0;transition:transform .34s var(--ease-drawer);transform:perspective(1200px)translate(-106%)rotateY(14deg)}.sidebar-open{transform:perspective(1200px)translate(0,0)rotateY(0)}.main{transform-origin:0%;transition:transform .34s var(--ease-drawer), opacity .34s var(--ease-drawer)}.drawer-is-open .main{opacity:.72;transform:perspective(1200px)translate3d(36px,0,-70px)rotateY(-5deg)}.drawer-backdrop{animation:depth-fade .24s var(--ease-out) both}}.settings-screen{view-transition-name:lobo-settings}::view-transition-group(lobo-settings){animation-duration:.32s;animation-timing-function:var(--ease-out)}::view-transition-new(lobo-settings){animation:settings-in .32s var(--ease-out) both}::view-transition-old(lobo-settings){animation:settings-out .24s var(--ease-out) both}::view-transition-old(root){animation:root-recede .32s var(--ease-out) both}::view-transition-new(root){animation:depth-fade .32s var(--ease-out) both}@supports not (view-transition-name:none){.settings-screen{animation:settings-in .32s var(--ease-out) both}}@keyframes settings-in{0%{opacity:0;transform:perspective(1200px)translate3d(24px,0,-160px)rotateY(-10deg)}to{opacity:1;transform:none}}@keyframes settings-out{to{opacity:0;transform:perspective(1200px)translate3d(24px,0,-160px)rotateY(-10deg)}}@keyframes root-recede{to{opacity:.6;transform:perspective(1200px)translateZ(-60px)}}@keyframes depth-fade{0%{opacity:0}to{opacity:1}}.row{animation:bubble-in .3s var(--ease-out) both}.row-user{--tilt:-6deg}.row:not(.row-user){--tilt:6deg}@keyframes bubble-in{0%{opacity:0;transform:perspective(900px) translate3d(0, 14px, -80px) rotateX(10deg) rotateY(var(--tilt))}to{opacity:1;transform:none}}.idle-depth{--px:0;--py:0;perspective:900px;justify-content:center;display:flex}.idle-depth .idle-stage{transform:rotateY(calc(var(--px) * 7deg)) rotateX(calc(var(--py) * -6deg)) translateZ(0);transition:transform .5s var(--ease-out);animation:7s ease-in-out infinite idle-drift;box-shadow:0 28px 50px -22px #000000d9,0 0 46px -10px #8c6eff73}@keyframes idle-drift{0%,to{translate:0}50%{translate:0 -5px}}.empty-title,.empty-body,.suggestions{animation:rise-in .42s var(--ease-out) both}.empty-body{animation-delay:50ms}.suggestions{animation-delay:.1s}@keyframes rise-in{0%{opacity:0;transform:perspective(900px)translate3d(0,12px,-50px)}to{opacity:1;transform:none}}.tut-sprite{image-rendering:pixelated;filter:drop-shadow(0 12px 14px #0000008c)drop-shadow(0 0 18px #8c6eff59);animation:3.2s ease-in-out infinite sprite-hover}.brand-sprite,.avatar:not(video){image-rendering:pixelated}@keyframes sprite-hover{0%,to{transform:perspective(600px)translate(0,0)rotateY(-6deg)}50%{transform:perspective(600px)translate3d(0,-6px,18px)rotateY(6deg)}}.chat-splash{animation:depth-fade .25s var(--ease-out) both}.chat-splash video{animation:splash-settle 1.6s var(--ease-out) both;transform:scale(1.04)}@keyframes splash-settle{0%{transform:scale(1.12)}to{transform:scale(1.04)}}.chat-splash-out{animation:splash-out .32s var(--ease-out) both}@keyframes splash-out{to{opacity:0;transform:perspective(1200px)translateZ(120px)}}.ride-off{width:max-content;max-width:100%;animation:ride-in .42s var(--ease-out) both;margin:4px 0 8px;position:relative}.ride-off-card{transform-origin:0;border-radius:16px;position:relative;overflow:hidden;transform:perspective(900px)rotateY(-8deg)rotateX(3deg);box-shadow:0 18px 30px -16px #000000e6,0 0 0 1px #d8b45a52,0 0 28px -6px #d8b45a59}.ride-off video{border:0;border-radius:0;height:84px}.ride-off-glow{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(60% 70% at 88% 58%,#ffe29647,#0000 70%),linear-gradient(#ffffff14,#0000 40%);animation:1.2s ease-in-out infinite alternate headlight;position:absolute;inset:0}@keyframes headlight{0%{opacity:.55}to{opacity:1}}.ride-off-shadow{filter:blur(2px);background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;height:12px;position:absolute;bottom:-8px;left:8%;right:8%}@keyframes ride-in{0%{opacity:0;transform:perspective(900px)translate3d(-40px,10px,-180px)rotateY(24deg)}to{opacity:1;transform:none}}.ride-off-out{animation:ride-out .36s var(--ease-out) both}@keyframes ride-out{to{opacity:0;transform:perspective(900px)translate3d(70px,-4px,-220px)rotateY(-20deg)}}@media (prefers-reduced-motion:reduce){.row,.empty-title,.empty-body,.suggestions,.ride-off,.ride-off-out,.chat-splash,.chat-splash-out,.drawer-backdrop,.settings-screen{animation:.2s linear both depth-fade!important}.idle-depth .idle-stage,.tut-sprite,.ride-off-glow,.chat-splash video{animation:none!important;transform:none!important}}@media (prefers-reduced-motion:reduce) and (width<=820px){.sidebar,.sidebar-open,.drawer-is-open .main{transition:opacity .2s linear;transform:none}.drawer-is-open .main{opacity:1}.sidebar:not(.sidebar-open){opacity:0;pointer-events:none;visibility:hidden}.ride-off-card{transform:none}::view-transition-old(*){animation:.2s linear both depth-fade!important}::view-transition-new(*){animation:.2s linear both depth-fade!important}}@media (width<=430px){.main-head:has(.conn-pill-bad) .main-title{display:none}.main-head .conn-pill{white-space:nowrap}}@media (width<=400px){.main-head{gap:6px}.main-head .conn-pill-bad{padding-inline:10px;font-size:.8rem}.main-head .btn-export{padding-inline:10px}}.crew-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 2px 8px;font-size:.72rem}.crew-head-main{text-align:center;margin-top:20px}.crew-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;width:100%;display:grid}.crew-strip-side{flex-direction:column;gap:6px;display:flex}.crew-card{text-align:left;background:var(--s2);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;color:var(--text);align-items:center;gap:10px;min-height:56px;padding:8px 10px;display:flex}.crew-card:hover,.crew-card:focus-visible{border-color:var(--accent)}.crew-face{object-fit:contain;flex:none;width:40px;height:40px}.crew-text{flex-direction:column;gap:1px;min-width:0;display:flex}.crew-name{font-size:.92rem;font-weight:700;line-height:1.15}.crew-line{color:var(--muted);font-size:.74rem;line-height:1.25}.crew-badge{letter-spacing:.02em;color:var(--muted);margin-top:3px;font-size:.7rem;font-weight:700}.crew-badge-on{color:var(--gold)}.empty-face{object-fit:contain;width:104px;height:104px}.portal-ride{object-fit:contain;width:100%;max-height:220px;margin-bottom:8px;display:block}