:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--brand-accent);text-decoration:inherit}a:hover{color:#0cc}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--brand-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#0cc}button{background-color:#f9f9f9}}:root{--glass-bg: rgba(0, 0, 0, .7);--glass-fg: #ffffff;--glass-shadow: 0 6px 20px rgba(255, 255, 255, .3);--brand-accent: #00ffee;--range-track-bg: rgba(255, 255, 255, .35)}.theme-dark{--glass-bg: rgba(0, 0, 0, .7);--glass-fg: #ffffff;--glass-shadow: 0 6px 20px rgba(255, 255, 255, .3);--brand-accent: #00ffee;--range-track-bg: rgba(255, 255, 255, .35)}.theme-light{--glass-bg: rgba(255, 255, 255, .45);--glass-fg: #000000;--glass-shadow: 0 6px 20px rgba(0, 0, 0, .25);--brand-accent: #00ffee;--range-track-bg: rgba(0, 0, 0, .25)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--brand-accent)}input[type=range]{border:none!important;outline:none!important;background:transparent!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--range-track-bg);border-radius:2px}input[type=range]::-moz-range-track{height:4px;background:var(--range-track-bg);border-radius:2px}input[type=range]::-ms-track{height:4px;background:var(--range-track-bg);border-color:transparent;color:transparent;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--brand-accent);border-radius:50%;border:none;margin-top:-6px;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--brand-accent);border-radius:50%;border:none;cursor:pointer}input[type=range]::-ms-thumb{width:16px;height:16px;background:var(--brand-accent);border-radius:50%;border:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{border:none!important}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none!important}input[type=range]::-moz-range-track{border:none!important}input[type=range]::-moz-range-thumb{border:none!important}input[type=range]::-ms-track{border:none!important;background:transparent;color:transparent}input[type=range]::-ms-thumb{border:none!important}:root{--eye-size: 18vmin;--eye-gap: 9vmin;--eye-color: white}body{min-height:100vh;perspective:25rem;overflow:hidden;background:url(/assets/willobee_bg-2PUoWmiO.jpg) center/cover no-repeat}.face-container{width:20vw;height:20vh;display:grid;place-items:center;animation:float 3s infinite;position:absolute;top:14%;left:40%}@keyframes float{0%,to{transform:translateY(-5%)}50%{transform:translateY(5%)}}.face{display:grid;grid-template-columns:var(--eye-size) var(--eye-gap) var(--eye-size);grid-template-rows:var(--eye-size);grid-template-areas:"left . right";filter:blur(1vmin) contrast(8);transform:translateZ(8vmin) rotateX(var(--face-rotation-x)) rotateY(var(--face-rotation-y)) rotate(var(--face-rotation-z));transition:.75s cubic-bezier(.25,.5,.5,1);mix-blend-mode:lighten}.eye{position:relative;background:#fff;border-radius:100%;overflow:hidden;box-shadow:0 0 0 2vmin #000;transition:.5s cubic-bezier(.75,.25,.25,.75)}.eye>div{position:absolute;width:100%;height:100%;transform:rotate(var(--rotation))}.eye .lid{position:absolute;width:100%;height:100%;background:#000}.eye .lower .lid{top:calc(100% - var(--position))}.eye .upper .lid{bottom:calc(100% - var(--position))}.eye.left{grid-area:left}.eye.right{grid-area:right}.eye.left .lower{--rotation: var(--left-lower-rotation);--position: var(--left-lower-position)}.eye.left .upper{--rotation: var(--left-upper-rotation);--position: var(--left-upper-position)}.eye.right .lower{--rotation: var(--right-lower-rotation);--position: var(--right-lower-position)}.eye.right .upper{--rotation: var(--right-upper-rotation);--position: var(--right-upper-position)}.eye .upper .lid{margin-top:-20px}.eye.left.sleep .lid,.eye.right.sleep .lid{width:100%;height:73%;background:#000;top:17%;border-radius:0 0 60% 60%;transform:rotate(0)}.eye.left.sleep,.eye.right.sleep{box-shadow:none;filter:brightness(.8)}.conversation-container{position:absolute;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;border-radius:10px;box-shadow:var(--glass-shadow);text-align:center;font-size:16px;color:var(--glass-fg);font-family:Arial,sans-serif;line-height:1.8;width:400px;max-width:90vw;height:350px;display:flex;flex-direction:column;justify-content:space-between}.conversation-history{flex-grow:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column}.assistant-message{align-self:flex-start;background:#d3d3d3cc;padding:10px;border-radius:10px 10px 10px 0;margin:5px;max-width:70%}.help-message{background:#fc0;padding:10px;border-radius:8px;font-size:14px}.input-wrapper{display:flex;gap:10px;margin-top:10px}.input-box{display:block;flex:1;padding:8px 10px;border:none;outline:none;border-radius:6px;background:#ffffff26;color:var(--glass-fg)}.conversation-container button{border:none;outline:none}.conversation-container button:focus,.conversation-container button:active,.conversation-container button:focus-visible{outline:none;box-shadow:none;border:none}.send-button{background:#0fe;border:none;outline:none;padding:8px 12px;font-size:16px;border-radius:5px;color:#000;font-weight:700;cursor:pointer;transition:background .3s ease-in-out}.send-button:hover{background:#0cc}.record-button{background:#fff3;color:var(--glass-fg);border:none;padding:8px 12px;font-size:16px;border-radius:5px;cursor:pointer;transition:background .3s ease-in-out}.record-button:hover{background:#ffffff4d}.record-button.recording{background:#ff4d4d;color:#fff}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #00ffeeaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.vision-container{position:absolute;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;border-radius:10px;box-shadow:var(--glass-shadow);text-align:center;font-size:16px;color:var(--glass-fg);font-family:Arial,sans-serif;line-height:1.8;width:400px;height:auto;max-width:90vw}.webcam-container{width:100%;margin-top:30px}.webcam-view{width:100%;height:auto;border-radius:8px}.eyes-buttons{display:flex;justify-content:center;gap:10px;margin-top:12px}.capture-btn,.recognize-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 10px;border-radius:6px;cursor:pointer}.capture-btn:hover,.recognize-btn:hover{background:#ffffff4d}.vision-container button{outline:none}.vision-container button:focus,.vision-container button:active,.vision-container button:focus-visible{outline:none;box-shadow:none}.theme-light .vision-container button,.theme-light .vision-container button:hover,.theme-light .vision-container .capture-btn,.theme-light .vision-container .recognize-btn{border:none!important}.info-container{position:absolute;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;border-radius:10px;box-shadow:var(--glass-shadow);text-align:center;font-size:16px;color:var(--glass-fg);font-family:Arial,sans-serif;line-height:1.8;width:420px;min-height:180px;max-height:80vh;overflow-y:auto;z-index:9999;max-width:90vw}.top-right-controls{position:absolute;top:10px;right:10px;display:flex;gap:10px}.move-icon,.close-icon{cursor:pointer;font-size:18px;color:var(--glass-fg);transition:color .2s ease-in-out}.move-icon:hover{color:#0fe}.close-icon:hover{color:#f44}.speaker-status-panel{background-color:#1c1c1c;color:#fff;padding:1.25em;margin-top:1.5em;border:1px solid #444;border-radius:8px}.speaker-heading{color:#3cf;margin-bottom:.5em}.speaker-error{color:red}.speaker-wrapper{background-color:transparent!important;padding:0;border:none}.speaker-wrapper *{background-color:transparent!important;color:inherit!important}.willobee-muted{color:#888;font-style:italic;font-size:14px;opacity:.7;margin-top:.5em}.drawer{background:#ffffff0a;border:1px solid #333;border-radius:6px;margin-top:10px}.drawer-header{width:100%;text-align:left;padding:8px 10px;background:#0003;color:var(--glass-fg);border:none;cursor:pointer;font-weight:600}.drawer-content{padding:10px}.theme-light .speaker-status-panel,.theme-light .drawer{border:none}.info-container button{border:none;outline:none}.info-container button:focus,.info-container button:active,.info-container button:focus-visible{outline:none;box-shadow:none;border:none}.info-container input[type=range]{border:none!important;outline:none!important;background:transparent!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.info-container input[type=range]::-webkit-slider-runnable-track{border:none!important}.info-container input[type=range]::-webkit-slider-thumb{border:none!important}.info-container input[type=range]::-moz-range-track{border:none!important}.info-container input[type=range]::-moz-range-thumb{border:none!important}.info-container input[type=range]::-ms-track{border:none!important}.info-container input[type=range]::-ms-thumb{border:none!important}.theme-light .info-container input[type=range]{border:none!important}.scene-root{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden}.background-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.bot-layer{position:absolute;transform:translate(var(--bot-x, 0),var(--bot-y, 0)) scale(var(--bot-scale, 1));transform-origin:top left;z-index:1;pointer-events:none}.bot-image{display:block;width:var(--bot-width, 40vw);height:auto}.bot-layer.editing{pointer-events:auto}.face-overlay{position:absolute;left:var(--face-x, 0);top:var(--face-y, 0);transform:scale(var(--face-scale, 1));transform-origin:top left}.bot-layer .face-container{position:relative;top:0!important;left:0!important}.icons-overlay{position:absolute;left:var(--icons-x, 0);top:var(--icons-y, 0);transform:scale(var(--icons-scale, 1));transform-origin:top left;pointer-events:auto}.icons-overlay .icon-container{position:relative!important;top:0!important;left:0!important;transform:none!important}body.scene-layered{background:none!important}.main-container{display:flex;height:100vh;flex-direction:column}.willobee-container{flex:2;display:flex;justify-content:center;align-items:center}.stream-container{opacity:0;transition:opacity .3s ease;width:270px;height:80px;padding:10px;border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Roboto Mono,monospace;font-size:1em;color:#fff;position:absolute;top:23%;left:50%;transform:translate(-50%,-50%);z-index:2;overflow:hidden}.synapse-container{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:10px}.hexagon{width:10px;height:10px;background-color:#fc0;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);opacity:.6;animation:pulse 1.5s infinite ease-in-out}.hexagon:nth-child(1){animation-delay:0s}.hexagon:nth-child(2){animation-delay:.3s}.hexagon:nth-child(3){animation-delay:.6s}.hexagon:nth-child(4){animation-delay:.9s}.hexagon:nth-child(5){animation-delay:1.2s}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:1}}.stream-container p{display:inline-block;white-space:nowrap;animation:ticker 10s linear infinite}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.stream-container.visible{display:block;opacity:1}.stream-container.hidden{display:none}.comment-icon-wrapper{position:absolute;left:47%;top:60%;transform:translateY(-50%)}.insight-icon-wrapper{position:absolute;right:45%;top:60%;transform:translateY(-50%)}.comment-icon{font-size:4em}.insight-icon{font-size:1em}.insight-icon-wrapper,.comment-icon-wrapper{display:inline-block;cursor:pointer;transition:color .3s ease,filter .3s ease}.insight-icon.grey,.comment-icon.grey{color:gray;opacity:.6;filter:drop-shadow(-1px 1px 1px rgba(255,255,255,.7)) drop-shadow(1px -1px 2px rgba(0,0,0,.3)) drop-shadow(2px 2px 3px rgba(0,0,0,.2))}.insight-icon.neon,.comment-icon.neon{color:#0fe;filter:drop-shadow(0 0 3px #00ffee) drop-shadow(0 0 6px #00ffee);animation:neonGlow 1.5s ease-in-out infinite alternate}@keyframes neonGlow{0%{filter:drop-shadow(0 0 4px #00ffee) drop-shadow(0 0 8px #00ffee)}to{filter:drop-shadow(0 0 8px #00ffee) drop-shadow(0 0 16px #00ffee)}}.conversation-container{flex:1;width:30vw;display:flex;flex-direction:column;padding:20px;background:var(--glass-bg);color:var(--glass-fg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:var(--glass-shadow)}.conversation-box{flex:1;overflow-y:auto;padding:15px;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;margin-bottom:20px}.input-box{display:flex;gap:10px}.input-box input{flex:1;padding:10px;border-radius:5px;border:1px solid #ccc;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.input-box button{padding:10px 20px;border-radius:5px;border:none;background-color:#d770ad;color:#fff;cursor:pointer}.user-message{align-self:flex-end;background:#87ceebcc;padding:10px;border-radius:10px 10px 0;margin:5px;max-width:70%}.willobee-message{align-self:flex-start;background:#d3d3d3cc;padding:10px;border-radius:10px 10px 10px 0;margin:5px;max-width:70%}.eye-icon-wrapper{position:absolute;left:50%;top:60%;transform:translateY(-50%);cursor:pointer}.eye-icon{font-size:2em}.eye-icon.neon{color:#0fe;filter:drop-shadow(0 0 3px #00ffee)}.eye-icon.grey{color:gray;opacity:.6}.main-container{display:flex;flex-direction:column;width:80vw;height:80vh}.body-container{position:relative;width:100%;height:100%}.icon-container{position:absolute;top:58%;left:51%;transform:translate(-50%);display:flex;gap:20px}.icon-wrapper{cursor:pointer;transition:color .3s ease,filter .3s ease}.icon-wrapper:hover .icon{color:#0fe;filter:drop-shadow(0 0 2px #00ffee) drop-shadow(0 0 4px #00ffee);animation:neonGlow 1.5s ease-in-out infinite alternate}.icon{font-size:2.5em;transition:transform .2s ease-in-out}.icon.grey{color:gray;opacity:.6;filter:drop-shadow(-1px 1px 1px rgba(255,255,255,.7)) drop-shadow(1px -1px 2px rgba(0,0,0,.3)) drop-shadow(2px 2px 3px rgba(0,0,0,.2))}.icon.neon{color:#0fe;filter:drop-shadow(0 0 1px #00ffee) drop-shadow(0 0 2px #00ffee);animation:neonGlow 1.5s ease-in-out infinite alternate}@keyframes neonGlow{0%{filter:drop-shadow(0 0 2px #00ffee) drop-shadow(0 0 4px #00ffee)}to{filter:drop-shadow(0 0 3px #00ffee) drop-shadow(0 0 6px #00ffee)}}