:root{--bg:#05070b;--panel:#0b111a;--line:rgba(89,221,255,.24);--cyan:#59ddff;--cyan2:#b8f1ff;--muted:#8795a8;--green:#48e3a7;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.visitor-locked{min-height:100svh;display:grid;place-items:center;padding:18px}.visitor-locked .visitor-shell{display:none}.vision-access-gate{width:min(100%,390px);padding:34px 28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(12,25,38,.96),rgba(7,11,19,.98));box-shadow:0 28px 80px rgba(0,0,0,.45);text-align:center}.gate-orb-mark{width:72px;height:72px;margin:0 auto 20px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--cyan2);font:700 28px ui-monospace,monospace;box-shadow:0 0 32px rgba(89,221,255,.25),inset 0 0 22px rgba(89,221,255,.12)}.vision-access-gate h1{margin:8px 0;color:#f3fbff;font:700 29px ui-monospace,monospace;letter-spacing:.08em}.vision-access-gate>p:not(.eyebrow){margin:0 auto 24px;color:var(--muted);font-size:14px;line-height:1.5}.vision-access-gate form{display:grid;gap:9px;text-align:left}.vision-access-gate label{color:#9bb1c2;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.vision-access-gate input{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#08131f;color:#fff;outline:none}.vision-access-gate button{padding:12px;border:1px solid transparent;border-radius:9px;background:linear-gradient(135deg,#237f9d,#5552bc);color:#fff;font-weight:700}.vision-access-gate small{min-height:17px;color:#ff9bac;font-size:11px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--bg);color:#f5f7fb}body{overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.online-status{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(72,227,167,.35);border-radius:999px;background:rgba(19,76,65,.22);color:#7bf0c3;padding:7px 10px;font:600 10px ui-monospace,monospace;letter-spacing:.04em}.online-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:onlinePulse 1.2s ease-in-out infinite}.online-status:active{transform:scale(.98)}.online-status.offline{border-color:rgba(130,145,160,.28);background:rgba(40,49,59,.22);color:#8b9aaa}.online-status.offline i{background:#718091;box-shadow:none;animation:none}.online-status.active{border-color:rgba(72,227,167,.48);background:rgba(19,76,65,.32);color:#7bf0c3}.online-status.active i{animation:onlinePulse 1.2s ease-in-out infinite}.inline-vision{width:min(100%,540px);margin-top:14px}.inline-answer{min-height:46px;margin-bottom:9px;padding:9px 12px;border-left:2px solid var(--line);text-align:left;background:rgba(255,255,255,.025)}.inline-answer span{color:var(--cyan);font:600 10px ui-monospace,monospace;letter-spacing:.14em}.inline-answer p{margin:3px 0 0;color:#abc0ce;font-size:13px;line-height:1.4}.inline-composer{display:flex;align-items:center;gap:7px}.inline-composer input[type=text]{min-width:0;flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#0b1724;color:#eefaff;font-size:14px;outline:none}.inline-composer>button{width:43px;height:43px;border:0;border-radius:10px;background:linear-gradient(135deg,#257fa7,#5753c8);color:#fff;font-size:19px}.attachment-button{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--cyan2);font-size:22px;cursor:pointer}.attachment-note{display:block;margin-top:7px;color:#63768a;font-size:10px}@keyframes onlinePulse{50%{opacity:.35;transform:scale(.72)}}.visitor-shell{min-height:100svh;display:grid;grid-template-rows:72px 1fr 48px;background:radial-gradient(ellipse 45% 42% at 50% 44%,rgba(24,116,142,.14),transparent 68%),radial-gradient(ellipse 35% 35% at 90% 90%,rgba(86,65,196,.1),transparent 70%),#05070b}.visitor-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,52px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,8,13,.72);backdrop-filter:blur(18px);z-index:5}.top-left,.top-right,.visitor-brand{display:flex;align-items:center;gap:12px}.visitor-brand{letter-spacing:.12em;text-decoration:none;color:#fff}.visitor-brand strong{font:700 19px ui-monospace,monospace}.visitor-brand span{font-size:10px;color:#738198;letter-spacing:.2em}.brand-dot{width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eaffff,#59ddff 24%,#247da9 59%,#111a40);box-shadow:0 0 21px rgba(89,221,255,.7)}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#0a111b;color:var(--cyan2);font-size:20px;line-height:1}.visitor-live{font-size:11px;color:#75849a;border-left:1px solid rgba(255,255,255,.1);padding-left:14px}.visitor-live i,.eyebrow i,.listening i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:6px}.visitor-clock{font:600 13px ui-monospace,monospace;color:#9ab0c5;letter-spacing:.08em}.owner-access{color:var(--cyan2);font-size:12px;text-decoration:none}.owner-access span{color:var(--cyan);font-size:18px}.visitor-main{display:grid;place-items:center;padding:20px 18px 10px}.vision-welcome{width:min(720px,100%);display:flex;align-items:center;flex-direction:column;text-align:center}.eyebrow{margin:0 0 5px;color:#7c8ca1;font:600 10px ui-monospace,monospace;letter-spacing:.17em}.orb-stage{width:min(360px,66vw,43vh);aspect-ratio:1;margin:2px auto 0}.orb-stage canvas{width:100%;height:100%;display:block}.vision-welcome h1{margin:0;color:var(--cyan2);font:700 clamp(26px,4vw,36px) ui-monospace,monospace;letter-spacing:.34em;text-indent:.34em;text-shadow:0 0 20px rgba(89,221,255,.45)}.listening{margin:11px 0 0;color:#a9bacb;font-size:13px}.welcome-copy{max-width:540px;margin:13px 0 18px;color:var(--muted);font-size:14px;line-height:1.55}.public-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:570px}.public-actions button{border:1px solid var(--line);border-radius:9px;background:rgba(10,20,31,.7);color:#b7d7e4;padding:9px 13px;font-size:12px}.public-actions button:hover{border-color:var(--cyan);color:#fff;background:#102438}.public-actions span{color:var(--cyan);margin-right:6px}.mic-trigger{display:inline-flex;align-items:center;gap:9px;margin-top:17px;padding:10px 17px;border:1px solid rgba(89,221,255,.48);border-radius:999px;background:linear-gradient(135deg,rgba(16,61,78,.82),rgba(21,30,71,.82));color:var(--cyan2);box-shadow:0 0 24px rgba(51,210,255,.12)}.mic-trigger span{color:var(--cyan);font-size:17px}.mic-trigger small{color:#7890a1;font-size:10px}.mic-trigger.listening{box-shadow:0 0 28px rgba(72,227,167,.3);border-color:var(--green)}.quick-note{display:flex;gap:9px;margin-top:16px;color:#667589;font:10px ui-monospace,monospace;letter-spacing:.04em}.quick-note b{color:var(--cyan)}.visitor-footer{display:flex;justify-content:center;align-items:center;gap:22px;border-top:1px solid rgba(255,255,255,.07);color:#667589;font-size:10px}.visitor-footer a{color:#91a7bb;text-decoration:none}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:20}.visitor-drawer{position:fixed;top:0;bottom:0;z-index:21;width:min(390px,92vw);padding:22px;background:#08101a;box-shadow:0 0 70px rgba(0,0,0,.55);transition:transform .25s ease;display:flex;flex-direction:column}.left-drawer{left:0;transform:translateX(-105%)}.right-drawer{right:0;transform:translateX(105%)}.visitor-drawer.open{transform:none}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--line)}.drawer-head span{display:block;color:var(--cyan2);font:700 16px ui-monospace,monospace;letter-spacing:.13em}.drawer-head small{display:block;color:#718197;font-size:9px;letter-spacing:.15em;margin-top:5px}.close-button,.clear-button{border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--cyan2);padding:5px 9px}.clear-button{font-size:11px}.drawer-actions{display:flex;gap:6px}.drawer-intro{color:#899bad;font-size:13px;line-height:1.55}.public-navigation{display:grid;gap:6px}.public-navigation button{display:flex;align-items:center;gap:13px;width:100%;padding:13px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:#d9edf5;text-align:left}.public-navigation button:hover{background:rgba(89,221,255,.07)}.public-navigation b{width:24px;color:var(--cyan);font-size:19px;text-align:center}.public-navigation small{display:block;margin-top:4px;color:#778a9c;font-size:11px}.drawer-owner{margin-top:auto;padding:13px;border:1px solid var(--line);border-radius:10px;color:var(--cyan2);text-decoration:none;font-size:12px;display:flex;justify-content:space-between}.visitor-messages{flex:1;overflow:auto;padding:18px 2px}.message{margin-bottom:12px}.message span{color:var(--cyan);font:600 10px ui-monospace,monospace;letter-spacing:.15em}.message p{margin:5px 0;padding:11px 12px;border-left:2px solid var(--line);background:rgba(255,255,255,.025);color:#abc0ce;font-size:13px;line-height:1.5}.user-message p{border-left-color:var(--violet,#8a5cff)}.visitor-composer{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:14px}.visitor-composer input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;background:#0b1724;color:#eefaff;padding:11px;font-size:14px}.visitor-composer button{width:44px;border:0;border-radius:9px;background:linear-gradient(135deg,#257fa7,#5753c8);color:#fff;font-size:20px}@media(max-width:650px){.visitor-shell{grid-template-rows:60px 1fr 42px}.visitor-topbar{padding:0 12px}.visitor-brand strong{font-size:16px}.visitor-brand span,.visitor-live,.visitor-clock{display:none}.top-right{gap:8px}.owner-access{font-size:11px}.visitor-main{padding:8px 12px}.orb-stage{width:min(300px,70vw,36vh)}.welcome-copy{font-size:13px;margin-bottom:13px}.public-actions button{flex:1 1 45%}.quick-note{font-size:9px;text-align:center}.visitor-footer{gap:10px;font-size:9px}.visitor-footer span{display:none}.visitor-drawer{padding:18px;width:92vw}}