@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#f6f5f0;color:#232d29;font-family:DM Sans,sans-serif}main{max-width:1240px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}header a{font:800 24px Manrope,sans-serif;color:inherit;text-decoration:none}header a span{font:600 10px monospace;margin-left:10px;color:#738477}.pill{font-size:10px;letter-spacing:2px;border:1px solid #d7dcd4;border-radius:20px;padding:9px 13px}.layout{display:grid;grid-template-columns:1.08fr 1fr;gap:60px}.portrait{min-height:620px;position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 50% 35%,#e0e8ce,#a6b59a);box-shadow:0 22px 50px #223c2410}video{position:absolute;width:100%;height:100%;object-fit:cover}#placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.orb{border-radius:50%;width:110px;height:110px;display:grid;place-items:center;font-size:52px;color:#47644d;background:#ffffff60;box-shadow:0 0 0 20px #ffffff18}.portrait h2{font:600 30px Manrope;line-height:1.4}.portrait p{font-size:14px}.identity{position:absolute;bottom:0;width:100%;padding:70px 30px 26px;background:linear-gradient(transparent,#132c26b0);color:#fff;display:flex;justify-content:space-between;align-items:end}small{font-size:10px;letter-spacing:2px;font-weight:700}h1{font:600 34px Manrope;margin:6px 0 0}h1 span{color:#cce68f}#status{font-size:12px;padding:8px 12px;border:1px solid #ffffff50;border-radius:20px}aside{padding-top:12px}aside>small{color:#6b816b}aside h2{font:600 33px/1.25 Manrope;margin:16px 0}.intro{color:#768079;font-size:14px;line-height:1.7;max-width:380px}button{cursor:pointer;border:0;border-radius:12px;background:#e7eae2;color:#344536;padding:12px 16px;font:600 13px DM Sans}button:disabled{opacity:.45;cursor:default}#connect{background:#284c3c;color:#fff;width:100%;margin-top:12px;padding:16px}#notice{font-size:12px;color:#657569;min-height:35px;padding:12px 0}#chat{height:190px;overflow:auto;border-top:1px solid #dce1d7;margin:6px 0 16px;padding-top:12px}.empty{color:#92998f;font-size:13px}.bubble{font-size:14px;line-height:1.5;padding:10px 13px;border-radius:12px;background:#e8eddf;margin:8px 20px 8px 0}.bubble.user{background:#fff;margin:8px 0 8px 20px}.bubble b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;color:#657d68}label{display:block;font-size:12px;margin-bottom:8px}.entry{display:flex;padding:6px;border:1px solid #d8ded2;border-radius:13px;background:#fff}input{min-width:0;flex:1;border:0;outline:0;padding:10px;font:14px DM Sans;background:transparent}.entry button{background:#284c3c;color:#fff;font-size:20px;padding:5px 16px}.controls{display:flex;gap:8px;margin-top:12px}.controls button{flex:1;padding:11px 5px;font-size:12px}footer{color:#91998e;font-size:9px;line-height:1.9;letter-spacing:1px;margin-top:22px}@media(max-width:760px){main{padding:20px}.layout{grid-template-columns:1fr;gap:24px}.portrait{min-height:420px}header{margin-bottom:22px}aside h2{font-size:28px}}