*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#ece9ff;background:#0b0820;margin:0;font-family:system-ui,Arial,sans-serif;overflow-x:hidden}.app{padding-bottom:calc(84px + env(safe-area-inset-bottom));max-width:100vw;overflow-x:hidden}.hero{min-height:80vh;padding-top:env(safe-area-inset-top);align-items:flex-end;display:flex;position:relative}.hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(#0b08204d 30%,#0b0820 95%);position:absolute;inset:0}.heroText{z-index:1;max-width:640px;padding:24px 20px 40px;position:relative}.eyebrow{letter-spacing:3px;color:#9fd2ff;font-size:12px}h1{white-space:pre-line;text-shadow:0 0 30px #8b7bff;margin:10px 0;font-size:clamp(34px,9vw,60px);line-height:1.08}h2{margin:0 0 8px}p,li{color:#b9b4dd;line-height:1.6}main{gap:18px;max-width:720px;margin:auto;padding:0 16px;display:grid}.card{border-radius:var(--radius);background:#151036;border:1px solid #2e2670;padding:20px;scroll-margin-top:12px;box-shadow:0 0 24px #6e5aff26}.note{font-size:13px}.btn{border-radius:var(--radius);color:#fff;min-height:44px;font:inherit;cursor:pointer;background:linear-gradient(90deg,#5b8cff,#8b5bff);border:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6}.btn.ghost{background:0 0;border:1px solid #5a4fd0;margin-top:12px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.typed{gap:8px;margin-top:14px;display:flex}.typed .btn{padding:0 16px}.toggle{align-items:center;gap:8px;min-height:44px;margin:0;display:flex}.toggle input{width:22px;height:22px}label{gap:6px;margin-bottom:12px;font-size:14px;display:grid}input:not([type=checkbox]),textarea,select{font:inherit;color:#fff;background:#0d0a26;border:1px solid #3d3490;border-radius:12px;width:100%;min-height:44px;padding:10px 12px}.orb{border-radius:var(--radius);background:radial-gradient(circle,#2a1f7a,#0d0a26);place-items:center;height:120px;margin:14px 0;display:grid}.wave{align-items:center;gap:6px;height:60px;display:flex}.wave i{background:#7fb2ff;border-radius:3px;width:6px;height:10px;display:block}.orb.listening .wave i,.orb.speaking .wave i{animation:.8s ease-in-out infinite w}.orb.speaking .wave i{background:#c07bff}.orb.thinking .wave i{opacity:.5}@keyframes w{50%{height:56px}}.state{color:#9fd2ff;font-weight:600}.err{color:#ff9aa8}.log{background:#0d0a26;border-radius:12px;max-height:240px;margin-top:12px;padding:4px 12px;overflow:auto}ul{padding-left:20px}nav{padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#100b2e;border-top:1px solid #2e2670;display:flex;position:fixed;bottom:0;left:0;right:0}nav a{color:#b9b4dd;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:56px;font-size:11px;text-decoration:none;display:flex}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}