@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--poke-red: #f47068;--poke-red-dark: #d45050;--poke-blue: #7ba4e8;--poke-blue-dark: #5a82c4;--poke-yellow: #ffd85a;--poke-yellow-dark: #e0b83a;--poke-white: #ffffff;--poke-cream: #fef9ef;--poke-warm: #faf4eb;--poke-panel: #f5efe6;--poke-card: #ffffff;--poke-border: #e0d4c0;--poke-border-strong: #c8b89a;--poke-green: #7fd4a0;--poke-green-dark: #4caf6a;--poke-cyan: #82d8d8;--poke-grass: #8ed070;--poke-fire: #f0a060;--poke-water: #78a8f0;--poke-electric: #f8d848;--poke-psychic: #f888a8;--poke-purple: #b898d8;--poke-text: #3d3528;--poke-text-dim: #8a8070;--poke-text-light: #b0a898;--poke-shadow: 3px 3px 0px;--poke-shadow-color: rgba(0,0,0,.08);--sidebar-bg: #3a3a5c;--sidebar-hover: rgba(255,255,255,.08);--sidebar-text: #d0d0e0;--sidebar-dim: #8888a8}*{margin:0;padding:0;box-sizing:border-box}html{font-size:28px}body{font-family:zpix,"Press Start 2P",monospace;background:var(--poke-cream);color:var(--poke-text);-webkit-font-smoothing:none;image-rendering:pixelated;line-height:1.6}nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:var(--poke-white);border-bottom:4px solid var(--poke-border);box-shadow:0 2px 8px var(--poke-shadow-color)}.nav-brand{font-size:.6em;color:var(--poke-red);text-shadow:2px 2px 0 rgba(244,112,104,.2);display:flex;align-items:center;gap:6px}.nav-brand span{font-size:1.4em}.nav-links{display:flex;align-items:center;gap:18px}.nav-links a{font-size:.4em;color:var(--poke-text-dim);text-decoration:none;cursor:pointer;transition:color .15s}.nav-links a:hover{color:var(--poke-text)}.nav-cta{background:var(--poke-red)!important;color:var(--poke-white)!important;padding:6px 16px!important;border:3px solid var(--poke-red-dark);box-shadow:var(--poke-shadow) #f4706840;transition:all .1s!important}.nav-cta:hover{transform:translate(1px,1px);box-shadow:2px 2px #f4706840!important}.hero{text-align:center;padding:60px 20px 50px;background:linear-gradient(180deg,var(--poke-white) 0%,var(--poke-cream) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 20%,rgba(126,180,232,.12) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(244,112,104,.08) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(255,216,90,.1) 0%,transparent 50%);pointer-events:none}.hero h1{font-size:1em;margin-bottom:16px;color:var(--poke-text);position:relative}.hero h1 .gradient{color:var(--poke-red);text-shadow:2px 2px 0 rgba(244,112,104,.15)}.hero>p{font-size:.42em;color:var(--poke-text-dim);line-height:2;max-width:600px;margin:0 auto 28px;position:relative}.hero-stats{display:flex;justify-content:center;gap:16px;margin-bottom:32px;position:relative}.hero-stat{background:var(--poke-card);border:3px solid var(--poke-border);padding:14px 20px;min-width:100px;box-shadow:var(--poke-shadow) var(--poke-shadow-color);transition:all .15s}.hero-stat:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--poke-shadow-color);border-color:var(--poke-blue)}.hero-stat .num{font-size:.7em;color:var(--poke-red);text-shadow:1px 1px 0 rgba(244,112,104,.15)}.hero-stat .label{font-size:.35em;color:var(--poke-text-dim);margin-top:4px}.animal-parade{display:flex;justify-content:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}.animal-card{background:var(--poke-card);border:3px solid var(--poke-border);padding:14px 18px;min-width:90px;text-align:center;box-shadow:var(--poke-shadow) var(--poke-shadow-color);transition:all .15s;cursor:default}.animal-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--poke-shadow-color)}.animal-emoji{font-size:1.4em;margin-bottom:6px}.animal-name{font-size:.48em;font-weight:700;color:var(--poke-text)}.animal-role{font-size:.32em;margin-top:4px}.try-btn{background:var(--poke-red);color:var(--poke-white);border:4px solid var(--poke-red-dark);padding:12px 30px;font-size:.52em;cursor:pointer;font-family:zpix,"Press Start 2P",monospace;box-shadow:4px 4px #d450504d;transition:all .1s;position:relative;animation:poke-pulse 2s infinite}.try-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #d450504d}@keyframes poke-pulse{0%,to{box-shadow:4px 4px #d450504d}50%{box-shadow:4px 4px #d450504d,0 0 12px #f4706833}}.chat-page{display:flex;flex-direction:column;height:100vh;background:var(--poke-cream)}.chat-page-header{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:var(--poke-red);border-bottom:4px solid var(--poke-red-dark);z-index:20}.header-left{display:flex;align-items:center;gap:8px}.sidebar-toggle-btn{background:#fff3;border:2px solid rgba(255,255,255,.35);color:var(--poke-white);padding:5px 6px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.sidebar-toggle-btn:hover{background:#ffffff4d;border-color:#ffffff80}.sidebar-toggle-btn.mobile-only{display:none}.back-btn{background:var(--poke-white);border:3px solid var(--poke-border);color:var(--poke-text);padding:4px 12px;font-size:.5em;cursor:pointer;font-family:zpix,"Press Start 2P",monospace;box-shadow:2px 2px 0 var(--poke-shadow-color);transition:all .1s}.back-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--poke-shadow-color)}.chat-page-brand{font-size:.6em;color:var(--poke-white);text-shadow:2px 2px 0 rgba(0,0,0,.15)}.chat-page-body{flex:1;display:flex;overflow:hidden;background:var(--poke-warm);position:relative}.sidebar-overlay{display:none}.conv-sidebar{width:260px;min-width:260px;background:linear-gradient(180deg,#3a3a5c,#2e2e4a);border-right:3px solid var(--poke-border-strong);display:flex;flex-direction:column;transition:width .25s ease,min-width .25s ease,opacity .2s ease;overflow:hidden;z-index:15}.conv-sidebar.closed{width:0;min-width:0;border-right:none;opacity:0;pointer-events:none}.sidebar-open .sidebar-toggle-btn:not(.mobile-only){display:none}.sidebar-top{padding:10px;display:flex;align-items:center;gap:8px;border-bottom:2px solid rgba(255,255,255,.08)}.new-chat-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#7ba4e84d;border:2px solid rgba(123,164,232,.6);color:#e0e0f0;padding:10px 14px;font-size:.45em;cursor:pointer;font-family:zpix,"Press Start 2P",monospace;transition:all .15s;border-radius:6px}.new-chat-btn:hover{background:#7ba4e880;border-color:#7ba4e8e6;box-shadow:0 0 12px #7ba4e833}.new-chat-btn svg{flex-shrink:0}.sidebar-close-btn{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:var(--sidebar-dim);padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s;flex-shrink:0}.sidebar-close-btn:hover{background:#ffffff1f;color:#e0e0f0}.conv-list{flex:1;overflow-y:auto;padding:6px}.conv-list::-webkit-scrollbar{width:4px}.conv-list::-webkit-scrollbar-track{background:transparent}.conv-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.conv-group{margin-bottom:6px}.conv-group-label{font-size:.35em;color:var(--sidebar-dim);padding:8px 10px 3px;letter-spacing:.5px}.conv-item{padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .12s;margin-bottom:1px;border-radius:6px;font-size:.42em;border:2px solid transparent}.conv-item:hover{background:var(--sidebar-hover)}.conv-item.active{background:#7ba4e833;border-color:#7ba4e866}.conv-item.active .conv-item-title{color:#e0e0f0}.conv-item-icon{font-size:1em;flex-shrink:0;opacity:.6}.conv-item-content{flex:1;min-width:0}.conv-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sidebar-dim);transition:color .1s}.conv-item:hover .conv-item-title{color:#e0e0f0}.conv-item .del-btn{background:none;border:none;color:var(--sidebar-dim);cursor:pointer;font-size:1.2em;padding:2px 4px;opacity:0;transition:all .12s;flex-shrink:0;border-radius:4px;line-height:1}.conv-item:hover .del-btn{opacity:.6}.conv-item .del-btn:hover{opacity:1;color:var(--poke-red);background:#ff00001a}.conv-item .del-btn.confirm{opacity:1;color:var(--poke-red);background:#ff000026;animation:pulse-confirm .6s ease infinite}@keyframes pulse-confirm{0%,to{background:#ff00001a}50%{background:#ff000040}}.conv-empty{padding:30px 10px;text-align:center;color:var(--sidebar-dim);font-size:.4em;display:flex;flex-direction:column;align-items:center;gap:8px}.conv-empty-icon{font-size:3em;opacity:.4}.sidebar-bottom{padding:10px;border-top:2px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:6px;font-size:.38em;color:var(--sidebar-dim)}.brand-icon{font-size:1.3em}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{padding:10px 16px;border-bottom:3px solid var(--poke-border);display:flex;align-items:center;justify-content:space-between;background:var(--poke-white)}.chat-header-left{display:flex;align-items:center;gap:8px}.chat-status{width:8px;height:8px;background:var(--poke-green);box-shadow:0 0 4px var(--poke-green);border-radius:50%}.chat-header h3{font-size:.5em;color:var(--poke-red);text-shadow:1px 1px 0 rgba(244,112,104,.1)}.chat-header .model{font-size:.38em;color:var(--poke-text-dim)}.chat-header-right{display:flex;align-items:center;gap:6px}.response-time{font-size:.38em;color:var(--poke-text-dim)}.chat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;background:var(--poke-warm)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:var(--poke-border);border-radius:3px}.msg{max-width:82%;animation:pokeFadeIn .15s ease}.msg.user{align-self:flex-end}.msg.assistant{align-self:flex-start}.msg-bubble{padding:10px 14px;font-size:.55em;line-height:2;word-break:break-word}.msg.user .msg-bubble{background:var(--poke-red);border:3px solid var(--poke-red-dark);color:var(--poke-white);box-shadow:var(--poke-shadow) #f4706833;text-shadow:1px 1px 0 rgba(0,0,0,.1);white-space:pre-wrap}.msg.assistant .msg-bubble{background:var(--poke-card);border:3px solid var(--poke-border);color:var(--poke-text);box-shadow:var(--poke-shadow) var(--poke-shadow-color)}.msg-label{font-size:.42em;color:var(--poke-text-dim);margin-bottom:3px}.msg.user .msg-label{text-align:right;color:var(--poke-red)}.msg.assistant .msg-label{color:var(--poke-blue)}.msg.assistant .msg-bubble p{margin:0 0 6px}.msg.assistant .msg-bubble p:last-child{margin-bottom:0}.msg.assistant .msg-bubble ul,.msg.assistant .msg-bubble ol{padding-left:16px;margin:3px 0 6px}.msg.assistant .msg-bubble li{margin:2px 0}.msg.assistant .msg-bubble code{background:#b898d826;padding:1px 4px;color:#8a60b8;font-family:zpix,monospace}.msg.assistant .msg-bubble pre{background:#2e2e4a;padding:8px;border:3px solid var(--poke-border-strong);overflow-x:auto;margin:5px 0;border-radius:4px}.msg.assistant .msg-bubble pre code{background:none;padding:0;color:var(--poke-grass)}.msg.assistant .msg-bubble table{border-collapse:collapse;width:100%;margin:6px 0}.msg.assistant .msg-bubble th,.msg.assistant .msg-bubble td{border:2px solid var(--poke-border);padding:3px 6px;text-align:left}.msg.assistant .msg-bubble th{background:#7ba4e81f;color:var(--poke-blue-dark)}.msg.assistant .msg-bubble h1,.msg.assistant .msg-bubble h2,.msg.assistant .msg-bubble h3{margin:8px 0 3px;color:var(--poke-red);font-size:1em}.msg.assistant .msg-bubble strong{color:var(--poke-red-dark)}.msg.assistant .msg-bubble a{color:var(--poke-blue-dark);text-decoration:underline}.msg.assistant .msg-bubble blockquote{border-left:4px solid var(--poke-yellow);padding-left:8px;margin:5px 0;color:var(--poke-text-dim);background:#ffd85a14}.msg.assistant .msg-bubble hr{border:none;border-top:3px dashed var(--poke-border);margin:8px 0}.typing-indicator{display:flex;gap:5px;padding:8px 12px}.typing-indicator span{width:6px;height:6px;background:var(--poke-red);animation:pokeType 1s infinite;border-radius:0}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes pokeType{0%,to{opacity:.3}50%{opacity:1}}@keyframes pokeFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.chat-input-area{padding:10px 14px;border-top:3px solid var(--poke-border);display:flex;gap:8px;align-items:flex-end;background:var(--poke-white)}.chat-input{flex:1;background:var(--poke-cream);border:3px solid var(--poke-border);padding:8px 12px;color:var(--poke-text);font-size:.55em;font-family:zpix,"Press Start 2P",monospace;resize:none;min-height:38px;max-height:100px;outline:none;caret-color:var(--poke-red)}.chat-input:focus{border-color:var(--poke-blue);box-shadow:0 0 6px #7ba4e833}.chat-input::placeholder{color:var(--poke-text-light)}.img-btn,.send-btn{width:38px;height:38px;border:3px solid var(--poke-blue);background:var(--poke-card);color:var(--poke-blue-dark);cursor:pointer;font-size:.95em;transition:all .1s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 2px 0 var(--poke-shadow-color)}.send-btn:hover{background:var(--poke-blue);color:var(--poke-white);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--poke-shadow-color)}.send-btn:disabled{border-color:var(--poke-border);color:var(--poke-text-light);cursor:not-allowed;box-shadow:none;opacity:.5}.img-btn{border-color:var(--poke-border);color:var(--poke-text-dim)}.img-btn:hover{border-color:var(--poke-psychic);color:var(--poke-psychic)}.img-btn.has-image{border-color:var(--poke-green);color:var(--poke-green-dark)}.img-preview{padding:5px 14px 0;display:none}.img-preview.active{display:flex;align-items:center;gap:8px}.img-preview img{height:36px;border:3px solid var(--poke-blue)}.img-preview .remove-img{background:none;border:none;color:var(--poke-text-dim);cursor:pointer;font-size:.45em;font-family:zpix,monospace}.img-preview .remove-img:hover{color:var(--poke-red)}.stop-btn{width:38px;height:38px;background:var(--poke-red);border:3px solid var(--poke-red-dark);color:var(--poke-white);cursor:pointer;font-size:.95em;transition:all .1s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 2px #d4505033}.stop-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px #d4505033}.recording-strip{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#f4706814;border-top:3px solid var(--poke-red)}.recording-dot{width:8px;height:8px;background:var(--poke-red);border-radius:50%;animation:recPulse .8s infinite}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.3}}.recording-label{font-size:.48em;color:var(--poke-red);font-weight:700;flex:1}.recording-cancel{background:none;border:2px solid var(--poke-border);padding:2px 10px;font-size:.4em;cursor:pointer;font-family:zpix,"Press Start 2P",monospace;color:var(--poke-text-dim);transition:all .1s}.recording-cancel:hover{border-color:var(--poke-red);color:var(--poke-red)}.recording-send{width:32px;height:32px;background:var(--poke-red);border:3px solid var(--poke-red-dark);color:var(--poke-white);cursor:pointer;font-size:.85em;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #d4505033;transition:all .1s}.recording-send:hover{transform:translate(1px,1px);box-shadow:1px 1px #d4505033}.mic-btn.recording{border-color:var(--poke-red)!important;color:var(--poke-red)!important;animation:micGlow 1s infinite}@keyframes micGlow{0%,to{box-shadow:2px 2px 0 var(--poke-shadow-color)}50%{box-shadow:2px 2px 0 var(--poke-shadow-color),0 0 8px #f470684d}}.camera-btn:hover{border-color:var(--poke-green)!important;color:var(--poke-green-dark)!important}.tts-btn{background:none;border:2px solid var(--poke-border);padding:2px 8px;font-size:.38em;cursor:pointer;font-family:zpix,"Press Start 2P",monospace;color:var(--poke-text-dim);margin-top:3px;transition:all .1s;display:inline-flex;align-items:center;gap:2px}.tts-btn:hover{border-color:var(--poke-blue);color:var(--poke-blue-dark)}.tts-btn.speaking{border-color:var(--poke-red);color:var(--poke-red);background:#f470680f;animation:ttsGlow 1.5s infinite}@keyframes ttsGlow{0%,to{box-shadow:none}50%{box-shadow:0 0 6px #f4706833}}.streaming-status{display:flex;align-items:center;gap:6px;padding:5px 10px;border:3px solid var(--poke-yellow);font-size:.42em;color:var(--poke-text);background:#ffd85a1f;animation:pokeFadeIn .15s ease;align-self:flex-start;box-shadow:2px 2px 0 var(--poke-shadow-color)}.streaming-dot{width:6px;height:6px;background:var(--poke-yellow-dark);animation:pokePulse .8s infinite}@keyframes pokePulse{0%,to{opacity:1}50%{opacity:.2}}.agent-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:.38em;border:3px solid var(--poke-fire);color:var(--poke-fire);background:#f0a0601a;box-shadow:2px 2px 0 var(--poke-shadow-color)}.quick-asks{padding:8px 14px 0;display:flex;gap:6px;flex-wrap:wrap}.quick-ask{background:var(--poke-card);border:3px solid var(--poke-border);padding:5px 10px;font-size:.42em;color:var(--poke-text-dim);cursor:pointer;transition:all .1s;white-space:nowrap;font-family:zpix,"Press Start 2P",monospace;box-shadow:2px 2px 0 var(--poke-shadow-color)}.quick-ask:hover{border-color:var(--poke-blue);color:var(--poke-blue-dark);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--poke-shadow-color);background:#7ba4e80f}.features{padding:60px 20px;background:var(--poke-cream)}.section-title{text-align:center;font-size:.8em;margin-bottom:10px;color:var(--poke-text)}.section-sub{text-align:center;color:var(--poke-text-dim);margin-bottom:36px;font-size:.48em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:1000px;margin:0 auto}.feat-card{background:var(--poke-card);border:4px solid var(--poke-border);padding:18px 16px;transition:all .15s;box-shadow:var(--poke-shadow) var(--poke-shadow-color)}.feat-card:hover{border-color:var(--poke-blue);box-shadow:4px 4px #7ba4e826;transform:translate(-2px,-2px)}.feat-icon{font-size:1.3em;margin-bottom:8px}.feat-card h3{font-size:.55em;margin-bottom:6px;color:var(--poke-red)}.feat-card p{font-size:.42em;color:var(--poke-text-dim);line-height:2.1}.tools-section{padding:60px 20px;background:var(--poke-white);border-top:4px solid var(--poke-border);border-bottom:4px solid var(--poke-border)}.tool-categories{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.tool-category{background:var(--poke-card);border:3px solid var(--poke-border);padding:16px;box-shadow:var(--poke-shadow) var(--poke-shadow-color);transition:all .15s}.tool-category:hover{border-color:var(--poke-blue);box-shadow:4px 4px #7ba4e81a}.tool-cat-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:2px dashed var(--poke-border)}.tool-cat-icon{font-size:1em}.tool-cat-title{font-size:.5em;color:var(--poke-text)}.tool-cat-count{font-size:.35em;color:var(--poke-text-light);margin-left:auto}.tool-cat-items{display:flex;flex-wrap:wrap;gap:6px}.tool-tag{padding:5px 8px;font-size:.36em;border:2px solid var(--poke-border);background:var(--poke-cream);transition:all .1s;cursor:default;color:var(--poke-text-dim)}.tool-tag:hover{border-color:var(--poke-blue);color:var(--poke-blue-dark);background:#7ba4e80f}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;max-width:950px;margin:0 auto}footer{padding:30px 20px;text-align:center;border-top:4px solid var(--poke-border);color:var(--poke-text-dim);font-size:.38em;background:var(--poke-white)}footer a{color:var(--poke-blue-dark);text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:768px){.hero h1{font-size:.85em}.hero-stats{gap:10px;flex-wrap:wrap}.nav-links a:not(.nav-cta){display:none}.sidebar-toggle-btn:not(.mobile-only){display:none!important}.sidebar-toggle-btn.mobile-only{display:flex}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:30;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.conv-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;min-width:280px;z-index:31;border-right:3px solid var(--poke-border-strong);box-shadow:4px 0 20px #0000004d;animation:slide-in .25s ease}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.conv-sidebar.closed{display:none;width:280px;min-width:280px}}