:root{--bg:#020812;--cyan:#2cecff;--blue:#168cff;--violet:#7d54ff;--text:#f4fbff;--muted:rgba(226,243,255,.68)}
#lee-home,#lee-home *{box-sizing:border-box}
#lee-home{position:fixed;inset:0;z-index:2147480000;overflow:hidden;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:
radial-gradient(circle at 50% 37%,rgba(0,190,255,.13),transparent 27%),
radial-gradient(circle at 58% 33%,rgba(125,84,255,.08),transparent 18%),
linear-gradient(180deg,#01060c,#03101c 58%,#020812)}
#lee-home:before,#lee-home:after{content:"";position:absolute;top:41%;width:31vw;height:2px;opacity:.7;filter:drop-shadow(0 0 8px #23dfff);background:linear-gradient(90deg,transparent,rgba(35,223,255,.12),#23dfff,rgba(35,223,255,.12),transparent)}
#lee-home:before{left:-7vw;transform:rotate(-4deg)}
#lee-home:after{right:-7vw;transform:rotate(4deg)}
.lh-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:4}
.lh-right{display:flex;gap:10px}
.lh-icon{width:43px;height:43px;border-radius:50%;border:1px solid rgba(96,216,255,.22);background:rgba(7,19,32,.55);color:#e3fbff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(14px)}
.lh-center{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:min(92vw,760px);display:flex;flex-direction:column;align-items:center;text-align:center}
.lh-orb-wrap{position:relative;width:clamp(230px,27vw,330px);height:clamp(230px,27vw,330px);display:grid;place-items:center;margin-bottom:24px}
.lh-orb-wrap:before,.lh-orb-wrap:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.lh-orb-wrap:before{inset:-28px;border:1px solid rgba(39,224,255,.12);box-shadow:0 0 48px rgba(27,186,255,.13);animation:ring 5s ease-in-out infinite}
.lh-orb-wrap:after{inset:-58px;border:1px solid rgba(61,220,255,.055);animation:ring 6.5s ease-in-out infinite reverse}
.lh-orb{position:relative;width:100%;height:100%;border-radius:50%;border:1px solid rgba(125,237,255,.38);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:
radial-gradient(circle at 47% 45%,rgba(176,254,255,.66) 0%,rgba(48,231,255,.30) 13%,transparent 28%),
radial-gradient(circle at 41% 39%,#28e7ff 0%,#0a91e7 31%,#063c68 55%,#07192c 76%,#040b16 100%);
box-shadow:0 0 28px rgba(43,229,255,.68),0 0 76px rgba(24,163,255,.34),0 0 145px rgba(23,132,255,.23),inset 0 0 40px rgba(124,246,255,.20);animation:breathe 3.5s ease-in-out infinite}
.lh-orb:before{content:"";position:absolute;width:66%;height:55%;top:4%;right:-10%;border-radius:50%;background:radial-gradient(circle,rgba(125,84,255,.38),rgba(95,66,255,.12) 42%,transparent 70%);filter:blur(10px)}
.lh-orb-title{position:relative;z-index:2;font-size:clamp(40px,5vw,62px);font-weight:650;letter-spacing:.09em;text-shadow:0 0 22px rgba(143,242,255,.8)}
.lh-orb-sub{position:relative;z-index:2;margin-top:4px;font-size:clamp(11px,1.15vw,14px);color:rgba(229,250,255,.76)}
.lh-wave{position:relative;z-index:2;width:112px;height:25px;margin-top:17px;display:flex;justify-content:center;align-items:center;gap:4px}
.lh-wave span{width:3px;border-radius:999px;background:#57f1ff;box-shadow:0 0 8px rgba(50,232,255,.9);animation:wave 1.05s ease-in-out infinite}
.lh-wave span:nth-child(1){height:7px}.lh-wave span:nth-child(2){height:13px;animation-delay:-.2s}.lh-wave span:nth-child(3){height:21px;animation-delay:-.4s}.lh-wave span:nth-child(4){height:12px;animation-delay:-.1s}.lh-wave span:nth-child(5){height:22px;animation-delay:-.3s}.lh-wave span:nth-child(6){height:14px;animation-delay:-.5s}.lh-wave span:nth-child(7){height:7px;animation-delay:-.25s}
.lh-hello{font-size:clamp(25px,2.7vw,36px);font-weight:520;letter-spacing:-.03em}
.lh-subhello{margin-top:4px;font-size:clamp(16px,1.65vw,22px);color:var(--muted)}
.lh-compose-wrap{position:absolute;left:50%;bottom:clamp(24px,5vh,58px);transform:translateX(-50%);width:min(760px,calc(100vw - 36px));z-index:5}
.lh-compose{min-height:59px;display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid rgba(83,211,255,.20);border-radius:999px;background:rgba(5,16,28,.73);backdrop-filter:blur(18px);box-shadow:0 14px 48px rgba(0,0,0,.34)}
.lh-compose button{width:43px;height:43px;flex:0 0 auto;border:0;border-radius:50%;background:transparent;color:rgba(223,248,255,.84);display:grid;place-items:center;cursor:pointer}
.lh-compose .lh-send{background:linear-gradient(135deg,#21d7ff,#1687ff);color:#00121c;box-shadow:0 0 18px rgba(28,208,255,.30)}
#lh-input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#eefbff;font:inherit;font-size:15px;padding:0 8px}
#lh-input::placeholder{color:rgba(207,233,246,.43)}
.lh-listening{transform:scale(1.018)!important;box-shadow:0 0 38px rgba(59,240,255,.95),0 0 110px rgba(16,169,255,.58),0 0 175px rgba(55,114,255,.32)!important}
@keyframes breathe{0%,100%{transform:scale(1);filter:brightness(.98)}50%{transform:scale(1.025);filter:brightness(1.09)}}
@keyframes ring{0%,100%{transform:scale(.98);opacity:.45}50%{transform:scale(1.035);opacity:.9}}
@keyframes wave{0%,100%{transform:scaleY(.5);opacity:.55}50%{transform:scaleY(1.15);opacity:1}}
@media(max-width:700px){.lh-top{top:16px;left:16px;right:16px}.lh-center{top:45%}.lh-orb-wrap{width:224px;height:224px}.lh-compose-wrap{bottom:18px;width:calc(100vw - 22px)}}