*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#0f8;--cyan:#00e5ff;--purple:#b64dff;--orange:#ff6b00;--red:#ff2d55;--dark:#060a10;--dark2:#0c1420;--dark3:#111d2e;--text:#e8f0fe;--muted:#7a8fa6}html{scroll-behavior:smooth}body{background:var(--dark);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;overflow-x:hidden}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#00ff880a 1px,#0000 1px),linear-gradient(90deg,#00ff880a 1px,#0000 1px);background-size:44px 44px;animation:25s linear infinite gridDrift;position:fixed;inset:0}@keyframes gridDrift{to{background-position:44px 44px}}.bg-radial{z-index:0;pointer-events:none;background:radial-gradient(70% 60% at 50% 30%,#00e5ff12 0%,#0000 70%);position:fixed;inset:0}#particles{z-index:0;pointer-events:none;position:fixed;inset:0}header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060a10d9;border-bottom:1px solid #00ff881a;justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:relative}.logo{letter-spacing:.05em;background:linear-gradient(135deg, var(--green), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.logo em{-webkit-text-fill-color:var(--orange);color:var(--orange);font-style:normal}.tagline{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.hero{z-index:5;flex-direction:column;align-items:center;gap:14px;padding:48px 20px 0;display:flex;position:relative}.hero-title{text-align:center;letter-spacing:-.02em;font-size:clamp(1.8rem,4.5vw,3.6rem);font-weight:900;line-height:1.1}.hero-title .t1{color:var(--text)}.hero-title .t2{background:linear-gradient(135deg, var(--green) 0%, var(--cyan) 50%, var(--purple) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px #00ff8859);-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);text-align:center;max-width:520px;font-size:clamp(.85rem,2vw,1.05rem);line-height:1.7}.hero-sub code{color:var(--green);background:#00ff8814;border-radius:5px;padding:1px 7px}.dino-scene{z-index:5;flex-direction:column;align-items:center;width:min(680px,96vw);margin-top:8px;display:flex;position:relative}.jaw-upper{filter:drop-shadow(0 -4px 30px #00e5ff33)drop-shadow(0 0 60px #00ff881f);flex-shrink:0;width:100%;animation:4s ease-in-out infinite dinoFloat;display:block}@keyframes dinoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mouth-chat{z-index:20;background:linear-gradient(#020a04 0%,#040d07 100%);border-left:2px solid #00e5ff40;border-right:2px solid #00e5ff40;flex-direction:column;width:82%;min-height:340px;display:flex;position:relative;box-shadow:inset 0 0 60px #000000e6,0 0 40px #00e5ff26}.palate{background:repeating-linear-gradient(90deg,#00ff880f 0 8px,#0000 8px 16px);flex-shrink:0;height:10px}.chat-messages{scrollbar-width:thin;scrollbar-color:#00e5ff4d transparent;flex-direction:column;flex:1;gap:7px;min-height:0;padding:10px 14px 6px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:4px}.msg{border-radius:14px;max-width:86%;padding:7px 12px;font-size:clamp(.72rem,1.6vw,.85rem);line-height:1.55;animation:.28s msgIn}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.msg.bot{color:var(--cyan);background:linear-gradient(135deg,#00e5ff1a,#00ff880f);border:1px solid #00e5ff2e;border-bottom-left-radius:4px;align-self:flex-start}.msg.user{color:var(--text);background:linear-gradient(135deg,#b64dff2e,#00e5ff14);border:1px solid #b64dff38;border-bottom-right-radius:4px;align-self:flex-end}.msg .sender{letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-bottom:3px;font-size:.58rem;font-weight:700}.typing-dots{align-items:center;gap:4px;padding:2px 0;display:flex}.typing-dots span{background:var(--cyan);opacity:.7;border-radius:50%;width:5px;height:5px;animation:.8s infinite bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(1)}40%{transform:scale(1.5)}}.chat-options{flex-wrap:wrap;flex-shrink:0;gap:5px;padding:3px 14px 5px;display:flex}.chat-option{color:var(--cyan);cursor:pointer;white-space:nowrap;background:#00e5ff12;border:1px solid #00e5ff38;border-radius:20px;padding:4px 11px;font-size:clamp(.6rem,1.4vw,.75rem);transition:all .18s}.chat-option:hover{border-color:var(--cyan);background:#00e5ff2e;transform:translateY(-1px);box-shadow:0 0 12px #00e5ff4d}.chat-input-row{background:#0006;border-top:1px solid #00e5ff1a;flex-shrink:0;align-items:center;gap:6px;padding:7px 10px 9px;display:flex}.voice-indicator{color:var(--red);align-items:center;gap:5px;font-size:.62rem;display:none}.voice-indicator.active{display:flex}.voice-wave{align-items:center;gap:2px;display:flex}.voice-wave span{background:var(--red);border-radius:2px;width:3px;animation:.6s infinite wv}.voice-wave span:first-child{height:5px}.voice-wave span:nth-child(2){height:9px;animation-delay:.1s}.voice-wave span:nth-child(3){height:13px;animation-delay:.2s}.voice-wave span:nth-child(4){height:9px;animation-delay:.3s}.voice-wave span:nth-child(5){height:5px;animation-delay:.4s}@keyframes wv{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.7)}}.chat-input{color:var(--text);background:#00e5ff0d;border:1px solid #00e5ff33;border-radius:10px;outline:none;flex:1;padding:7px 11px;font-size:clamp(.68rem,1.5vw,.82rem);transition:border-color .2s}.chat-input::placeholder{color:var(--muted)}.chat-input:focus{border-color:var(--cyan);box-shadow:0 0 10px #00e5ff33}.chat-btn{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .18s;display:flex}.send-btn{background:linear-gradient(135deg, var(--cyan), var(--green));color:#000}.send-btn:hover{transform:scale(1.12);box-shadow:0 0 14px #00e5ff80}.mic-btn{color:var(--purple);background:#b64dff1f;border:1px solid #b64dff47}.mic-btn:hover{background:#b64dff47;box-shadow:0 0 14px #b64dff66}.mic-btn.recording{border-color:var(--red);color:var(--red);background:#ff2d5538;animation:1s infinite micPulse}@keyframes micPulse{0%,to{box-shadow:0 0 #ff2d5566}50%{box-shadow:0 0 0 8px #ff2d5500}}.jaw-lower{filter:drop-shadow(0 8px 30px #00e5ff26);flex-shrink:0;width:100%;animation:4s ease-in-out .2s infinite dinoFloat;display:block}.progress-area{z-index:5;flex-direction:column;gap:8px;width:min(680px,96vw);padding:14px 0 0;display:flex;position:relative}.progress-label{color:var(--muted);justify-content:space-between;font-size:.74rem;display:flex}.progress-track{background:#ffffff12;border-radius:10px;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--green), var(--cyan), var(--purple));border-radius:10px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #0f86}.tooltip-hint{z-index:5;color:var(--muted);text-align:center;opacity:.65;padding:6px 0 24px;font-size:.68rem;position:relative}.stats-row{z-index:5;flex-wrap:wrap;justify-content:center;gap:14px;padding:0 20px 48px;display:flex;position:relative}.stat-chip{color:var(--muted);background:#ffffff08;border:1px solid #ffffff12;border-radius:40px;align-items:center;gap:6px;padding:7px 16px;font-size:.75rem;display:flex}.dot{border-radius:50%;width:6px;height:6px}.dot.g{background:var(--green);box-shadow:0 0 8px #0f89}.dot.c{background:var(--cyan);box-shadow:0 0 8px #00e5ff99}.dot.p{background:var(--purple);box-shadow:0 0 8px #b64dff99}.download-section{z-index:5;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:none;position:relative}.download-section.visible{display:flex}.download-card{text-align:center;background:linear-gradient(135deg,#00ff880f,#00e5ff0a);border:1px solid #0f83;border-radius:24px;width:100%;max-width:540px;padding:48px 36px;animation:.5s cubic-bezier(.4,0,.2,1) cardIn;box-shadow:0 0 60px #00ff881a}@keyframes cardIn{0%{opacity:0;transform:scale(.96)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.download-card .dicon{margin-bottom:14px;font-size:3.5rem}.download-card h2{background:linear-gradient(135deg, var(--green), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:1.7rem;font-weight:800}.download-card p{color:var(--muted);margin-bottom:28px;line-height:1.65}.btn-dl{background:linear-gradient(135deg, var(--green), var(--cyan));color:#000;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:800;text-decoration:none;transition:all .22s;display:inline-flex;box-shadow:0 4px 24px #00ff884d}.btn-dl:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 8px 40px #00ff8880}.btn-restart{color:var(--purple);cursor:pointer;background:0 0;border:1px solid #b64dff59;border-radius:10px;margin-top:8px;padding:10px 24px;font-size:.85rem;transition:all .2s}.btn-restart:hover{background:#b64dff1a}@media (max-width:580px){header{padding:14px 18px}.hero{padding:32px 12px 0}.mouth-chat{width:90%;min-height:260px}}