@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Montserrat:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#080909;--ink:#dedacf;--muted:#92958f;--gold:#b3956b;--line:#b3956b26;--cyan:#86bbca;font-family:Montserrat,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:13px;background-image:radial-gradient(ellipse at 15% 45%,#28323316,transparent 52%)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:default}button,a{transition:color .25s,background .25s,border-color .25s,box-shadow .25s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{height:92px;margin:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{color:var(--ink);text-decoration:none;font-size:13px;letter-spacing:.32em;display:flex;align-items:center;gap:12px}.brand-mark{color:var(--gold);font-size:25px}.header-note,.eyebrow{font-size:9px;letter-spacing:.26em;color:var(--gold)}.header-note{color:#757b76}.quiet{border:1px solid var(--line);background:transparent;color:#c4c3b8;padding:11px 16px;border-radius:3px;font-size:11px}.quiet span{margin-left:14px;color:var(--gold)}.quiet:hover{border-color:#b3956b80;background:#b3956b0d}.text-button{color:var(--muted);background:transparent;border:0;font-size:10px}.text-button:hover{color:var(--ink)}main{max-width:1550px;margin:0 auto;display:grid;grid-template-columns:1.08fr 1fr;min-height:calc(100svh - 145px);padding:30px 4.2% 24px}.presence{min-width:0;display:flex;flex-direction:column;padding:0 42px 0 0;position:relative}.presence-top,.presence-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.connection{font-size:10px;color:var(--muted)}.connection::before{content:'';width:4px;height:4px;background:var(--gold);border-radius:50%;display:inline-block;margin-right:8px}.eye-stage{position:relative;display:grid;place-items:center;width:min(100%,440px);aspect-ratio:1;margin:14px auto 0;isolation:isolate}.eye{width:86%;height:86%;position:relative;will-change:transform;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform 1.4s ease;filter:saturate(.65);border-radius:50%;box-shadow:0 0 65px #76b4c00b}.eye img{width:100%;height:100%;display:block;border-radius:50%;mix-blend-mode:screen}.cornea{position:absolute;inset:18%;border-radius:50%;box-shadow:inset 0 0 35px #0008;background:radial-gradient(ellipse at 68% 28%,#d0dfe411,transparent 40%);animation:breathe 8s ease-in-out infinite}.orbit{position:absolute;border:1px solid #b3956b20;border-radius:50%;inset:2%;z-index:-1}.orbit-one::before,.orbit-one::after{content:'';position:absolute;background:var(--gold);width:3px;height:3px;border-radius:50%;top:50%;left:-2px}.orbit-one::after{left:auto;right:-2px}.orbit-two{inset:0;border-color:#b3956b0c;border-style:dashed;animation:orbit 160s linear infinite}.eye-coordinate{position:absolute;top:50%;font-size:8px;letter-spacing:.15em;color:#8d958b;background:var(--bg);padding:8px 0}.eye-coordinate.left{left:-12px}.eye-coordinate.right{right:-18px;writing-mode:vertical-rl;transform:translateY(-50%);background:transparent}.identity{text-align:center;margin-top:4px}.identity h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,62px);letter-spacing:.23em;margin:0 0 8px .23em;color:#c4b295;line-height:1}.identity p{font-size:11px;color:var(--muted);margin:12px 0 0;letter-spacing:.04em}.voice-area{text-align:center;margin:auto 0 0;padding-top:26px}.status-line{display:flex;gap:9px;justify-content:center;align-items:center;color:var(--gold);font-size:10px;letter-spacing:.1em}.state-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.voice-area>p{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0 20px}.voice-controls{display:flex;justify-content:center;gap:10px}.primary{background:linear-gradient(120deg,#ac8b5930,#917b5510);border:1px solid #b3956b80;color:#e1d2bb;border-radius:3px;padding:14px 23px;font-size:11px;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary:hover{background-color:#b3956b1a;box-shadow:0 0 25px #b3956b12}.primary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}.voice-area .transcript{min-height:18px;margin:12px 0;font-style:italic;color:var(--cyan);max-width:450px;overflow-wrap:anywhere}.presence-bottom{font-size:8px;letter-spacing:.13em;color:#858b82;margin-top:10px;padding-top:16px;border-top:1px solid var(--line)}.conversation{border-left:1px solid var(--line);padding:0 0 0 38px;display:flex;flex-direction:column;min-width:0;max-height:calc(100svh - 201px);min-height:600px}.conversation-heading{display:flex;justify-content:space-between;align-items:center}.conversation h2,dialog h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:32px;margin:10px 0 0}.conversation-heading .quiet{border:0;font-size:10px}.messages{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b3956b44 transparent;padding:24px 4px 24px 0;min-height:150px}.empty{height:100%;display:flex;flex-direction:column;justify-content:center;padding:20px 20px 40px}.empty-symbol{font-size:36px;color:#b3956b99;margin-bottom:16px}.empty h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:30px;margin:0 0 12px}.empty p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.suggestions{display:grid;gap:9px;margin-top:30px}.suggestions button{color:#bfc0b4;text-align:left;background:#15171366;border:1px solid #b3956b22;border-radius:3px;padding:14px;font-size:11px;display:flex;justify-content:space-between}.suggestions button:hover{border-color:#b3956b70}.suggestions span{color:var(--gold)}.composer{border:1px solid #b3956b44;background:linear-gradient(145deg,#1c1e181f,#14161166);border-radius:4px;padding:16px 16px 10px}.composer textarea{width:100%;resize:none;border:0;outline:0!important;background:none;color:var(--ink);font-size:12px;line-height:1.7;padding:0}.composer:focus-within{border-color:var(--gold)}textarea::placeholder,input::placeholder{color:#80867e}.composer-bottom{display:flex;justify-content:space-between;align-items:center}.composer-bottom span{font-size:7px;letter-spacing:.15em;color:#969d8e}.composer-bottom button{background:#a88b5b24;border:1px solid #b3956b66;color:#d1bd9a;border-radius:3px;width:33px;height:30px;font-size:21px}.conversation-foot{font-size:9px;color:#858c81;margin:12px 0 0;text-align:center}.message{padding:0 0 24px;margin:0 0 22px;border-bottom:1px solid #b3956b18;animation:appear .3s ease}.message-author{font-size:8px;letter-spacing:.16em;color:var(--gold);margin-bottom:12px}.message.user .message-author{color:#9ba79c}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:12px;color:#dbdcd1}.message.user .message-content{color:#adb5ab}.message .replay{margin-top:12px;padding:5px 0;font-size:9px}.sources{margin-top:10px;font-size:10px;color:var(--muted)}.sources a{color:var(--gold);margin-right:12px}.notice{border-left:2px solid var(--gold);padding:10px 12px;margin:8px 0;color:#ddc7a5;font-size:11px;line-height:1.6}footer{margin:0 4.2%;border-top:1px solid var(--line);min-height:53px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#848a7f;gap:15px}.footer-separator{color:var(--gold);margin:0 10px}footer>span:last-child{letter-spacing:.03em}dialog{color:var(--ink);background:#111310;border:1px solid #b3956b50;border-radius:7px;max-height:90svh;width:min(490px,92vw);padding:28px;box-shadow:0 30px 150px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dialog-heading .quiet{border:0}dialog label{display:block;font-size:11px;margin:20px 0 9px}dialog input:not([type=range]):not([type=checkbox]),dialog select,dialog textarea{width:100%;border:1px solid #b3956b40;color:var(--ink);background:#090b09;border-radius:3px;padding:12px;font-size:12px}dialog textarea{resize:vertical}.field-help{font-size:10px;line-height:1.7;color:var(--muted);margin:8px 0 0}.range-heading{display:flex;align-items:center;justify-content:space-between}.range-heading output{font-size:11px;color:var(--gold)}input[type=range]{width:100%;accent-color:var(--gold)}.test-voice{width:100%;margin-top:10px}.check-label{display:flex!important;align-items:center;gap:10px;line-height:1.6}input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px}.optional{color:var(--muted);font-size:10px;margin-left:8px}.dialog-footer{margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.dialog-footer .primary{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.wave{display:flex;align-items:center;gap:3px;height:15px}.wave i{width:2px;height:3px;background:currentColor}.wave i:nth-child(2n){animation-delay:-.3s!important}.wave i:nth-child(3){animation-delay:-.6s!important}body[data-state=speaking] .wave i,body[data-state=listening] .wave i{animation:wave .75s ease-in-out infinite}body[data-state=listening] .status-line,body[data-state=wake] .status-line{color:var(--cyan)}body[data-state=speaking] .eye{filter:saturate(.95);box-shadow:0 0 65px #76b4c01a}body[data-state=thinking] .orbit-one{border-top-color:var(--gold);animation:orbit 4s linear infinite}body[data-state=listening] #mic{border-color:var(--cyan)}@keyframes breathe{50%{opacity:.4;transform:scale(.975)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes wave{50%{height:13px}}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1500px){.eye-stage{width:490px}}@media(max-height:830px) and (min-width:901px){.eye-stage{width:340px}.conversation{min-height:530px}.voice-area{padding-top:20px}.identity h1{font-size:45px}}@media(max-width:1100px){.header-note{display:none}.presence{padding-right:26px}.conversation{padding-left:26px}.eye-stage{width:350px;max-width:100%}.empty{padding-left:0;padding-right:0}}@media(max-width:900px){header{height:75px}main{grid-template-columns:1fr;padding-top:22px}.presence{padding-right:0}.presence-top{max-width:580px;width:100%;margin:auto}.eye-stage{width:min(72vw,365px);margin-top:10px}.identity h1{font-size:45px}.voice-area{padding-top:22px}.presence-bottom{margin-bottom:25px}.conversation{border-left:0;border-top:1px solid var(--line);padding:28px 0 0;min-height:570px;max-height:720px;height:70svh}.empty{padding:20px 8px}.conversation h2{font-size:30px}footer{padding:18px 0;align-items:flex-start}footer>span:last-child{display:none}.eye-coordinate.left{left:-10px}.eye-coordinate.right{right:-15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.eye{transform:none!important}}

#micLevel{width:140px;height:8px;margin:0 auto 18px;display:block}#micLevel[hidden]{display:none}#micLevel::-webkit-meter-bar{background:#202621;border:0}#micLevel::-webkit-meter-optimum-value{background:#86bbca}body[data-state=listening] .wave i{animation:none}