*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #010508;--green: #00ff88;--dim: #00ff8815;--border: #00ff8838;--text: #b0d8c0;--mono: "Courier New", monospace}html{height:100%}body{width:100%;height:100%;min-height:-webkit-fill-available;background:var(--bg);color:var(--text);font-family:var(--mono);overflow:hidden;display:flex;flex-direction:column}canvas#ak-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.65rem 1.5rem;border-bottom:1px solid var(--border);background:#010508f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hdr{font-size:.58rem;letter-spacing:.25em;color:var(--green);opacity:.7}.back-link{font-size:.65rem;letter-spacing:.2em;color:var(--green);text-decoration:none;border:1px solid var(--border);padding:.3rem .8rem;transition:background .2s}.back-link:hover{background:var(--dim)}main{position:relative;z-index:10;display:grid;grid-template-columns:260px 1fr;flex:1;min-height:0;overflow:hidden}.ai-panel{border-right:1px solid var(--border);background:#010805d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem 1rem;overflow-y:auto;min-height:0}.ai-orb-wrap{position:relative;width:130px;height:130px}.ai-orb{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#032,#001a0a);border:2px solid var(--green);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #00ff8828;animation:orb-breathe 3s ease-in-out infinite}@keyframes orb-breathe{0%,to{box-shadow:0 0 30px #00ff8828}50%{box-shadow:0 0 55px #0f85}}.orb-ring{position:absolute;border-radius:50%;border:1px solid var(--green);opacity:.15;animation:ring-pulse 3s ease-in-out infinite}.orb-ring.r1{top:-12px;right:-12px;bottom:-12px;left:-12px;animation-delay:0s}.orb-ring.r2{top:-24px;right:-24px;bottom:-24px;left:-24px;animation-delay:.6s}.orb-ring.r3{top:-38px;right:-38px;bottom:-38px;left:-38px;animation-delay:1.2s}@keyframes ring-pulse{0%,to{opacity:.15}50%{opacity:.35}}.orb-eye{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#0f8,#063 60%,#001a0a);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #0f86;transition:transform .3s ease}.orb-pupil{width:20px;height:20px;border-radius:50%;background:#000;position:relative;z-index:2;transition:transform .2s ease}.orb-iris{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid #00ff8866}.orb-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(0,255,136,.12),transparent 60%)}.ai-orb.thinking .orb-eye{animation:eye-think .4s ease-in-out infinite alternate}@keyframes eye-think{0%{transform:scale(.9)}to{transform:scale(1.1)}}.ai-orb.excited .orb-eye{box-shadow:0 0 30px #0f8}.ai-orb.confident{border-color:#0fc;box-shadow:0 0 50px #0fc4}.confidence-panel{width:100%;display:flex;flex-direction:column;gap:.4rem}.conf-label{font-size:.58rem;letter-spacing:.3em;opacity:.45;text-align:center}.conf-bar{height:5px;background:#ffffff10;border-radius:2px;overflow:hidden}.conf-fill{height:100%;width:0;border-radius:2px;background:linear-gradient(to right,var(--green),#00ffcc);transition:width 1s ease}.conf-pct{font-size:1.4rem;font-weight:700;color:var(--green);text-align:center;transition:color .5s}.ai-name{font-size:.85rem;letter-spacing:.3em;color:var(--green)}.ai-sub{font-size:.55rem;letter-spacing:.15em;opacity:.4}.chat-panel{display:flex;flex-direction:column;background:#010508b3;position:relative;min-height:0;overflow:hidden}.chat-log{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth;min-height:0}.chat-log::-webkit-scrollbar{width:4px}.chat-log::-webkit-scrollbar-thumb{background:var(--border)}.msg{max-width:75%;display:flex;flex-direction:column;gap:.25rem;animation:msg-in .3s ease}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg.ai{align-self:flex-start}.msg.user{align-self:flex-end}.msg-bubble{padding:.65rem 1rem;font-size:.82rem;line-height:1.7;position:relative}.msg.ai .msg-bubble{background:#050f08;border:1px solid var(--border);border-radius:0 12px 12px;color:var(--text)}.msg.user .msg-bubble{background:var(--dim);border:1px solid var(--green);border-radius:12px 0 12px 12px;color:var(--green);text-align:right}.msg-sender{font-size:.55rem;letter-spacing:.2em;opacity:.4}.msg.ai .msg-sender{color:var(--green)}.msg.user .msg-sender{color:var(--green);text-align:right}.msg-sub{font-size:.65rem;opacity:.5;font-style:italic;margin-top:.15rem}.typing-indicator{padding:1rem 1.5rem;display:flex;gap:.3rem;align-items:center}.typing-indicator span{width:6px;height:6px;background:var(--green);border-radius:50%;opacity:.5;animation:type-bounce .8s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes type-bounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-6px);opacity:1}}.answer-area{padding:1rem 1.5rem;display:flex;gap:.75rem;border-top:1px solid var(--border);background:#010508e6}.ans-btn{flex:1;padding:.65rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.15em;cursor:pointer;border:1px solid var(--border);transition:background .2s,box-shadow .2s,transform .1s}.ans-btn:active{transform:scale(.97)}.ans-btn.yes{background:#051a0a;color:#0f8;border-color:#00ff8860}.ans-btn.yes:hover{background:#0a2a14;box-shadow:0 0 15px #00ff8830}.ans-btn.maybe{background:#0a0a14;color:#88f;border-color:#8888ff60}.ans-btn.maybe:hover{background:#14142a;box-shadow:0 0 15px #8888ff30}.ans-btn.no{background:#1a0505;color:#f44;border-color:#ff444460}.ans-btn.no:hover{background:#2a0a0a;box-shadow:0 0 15px #ff444430}.ans-btn:disabled{opacity:.3;cursor:not-allowed}#reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#010508f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s}#reveal-overlay.visible{opacity:1;pointer-events:all}.reveal-card{border:1px solid var(--green);background:#020c06;padding:2.5rem;max-width:460px;width:90%;text-align:center;box-shadow:0 0 60px #00ff8820;animation:reveal-in .6s ease}@keyframes reveal-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.reveal-stamp{font-size:.6rem;letter-spacing:.4em;color:var(--green);margin-bottom:1.5rem}.reveal-avatar{display:flex;justify-content:center;margin:1rem 0}.rev-face{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.rev-ant{position:absolute;top:-20px;width:2px;height:16px;background:var(--green)}.rev-ant:after{content:"";display:block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:-2px;margin-top:-3px;animation:ant-blink 1.5s infinite}.rev-ant.l{left:18px;transform:rotate(-15deg)}.rev-ant.r{right:18px;transform:rotate(15deg)}@keyframes ant-blink{0%,to{opacity:1}50%{opacity:.2}}.rev-head{width:60px;height:52px;background:#001a0a;border-radius:50% 50% 40% 40%;border:2px solid var(--green);display:flex;align-items:center;justify-content:center}.rev-eyes{display:flex;gap:10px}.rev-eye{width:14px;height:12px;background:var(--green);border-radius:50%}.rev-badge{font-size:.5rem;letter-spacing:.1em;color:var(--green);margin-top:2px}.reveal-card h2{font-size:1.5rem;color:#fff;letter-spacing:.1em;margin:.75rem 0}.reveal-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:.75rem 0}.reveal-tags span{border:1px solid var(--border);padding:.15rem .5rem;font-size:.65rem;color:var(--green)}.reveal-card p{font-size:.78rem;line-height:1.8;opacity:.7;margin:.5rem 0}.reveal-links{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:1rem 0}.reveal-links a{color:var(--green);font-size:.68rem;text-decoration:none;border:1px solid var(--border);padding:.25rem .6rem;transition:background .2s}.reveal-links a:hover{background:var(--dim)}.play-again-btn{background:#051a0a;color:var(--green);border:1px solid var(--green);padding:.55rem 1.5rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;cursor:pointer;transition:background .2s;width:100%;margin-top:1rem}.play-again-btn:hover{background:#0a2a14}@media (max-width:700px){header{padding:.5rem .75rem}.hdr{font-size:.45rem;letter-spacing:.08em}.back-link{font-size:.6rem;padding:.25rem .6rem}main{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:hidden}.ai-panel{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding:.6rem .75rem;gap:.75rem;height:72px;flex-shrink:0;overflow:hidden;min-height:0}.ai-orb-wrap{width:48px;height:48px;flex-shrink:0}.ai-orb{width:48px;height:48px}.orb-ring.r1{top:-5px;right:-5px;bottom:-5px;left:-5px}.orb-ring.r2{top:-10px;right:-10px;bottom:-10px;left:-10px}.orb-ring.r3{top:-16px;right:-16px;bottom:-16px;left:-16px}.orb-eye{width:20px;height:20px}.orb-pupil{width:8px;height:8px}.confidence-panel{flex:1;gap:.2rem;min-width:0}.conf-label{font-size:.48rem}.conf-pct{font-size:.85rem}.conf-bar{height:4px}.ai-name,.ai-sub{display:none}.chat-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0}.chat-log{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem;gap:.5rem}.typing-indicator{flex-shrink:0;padding:.4rem .75rem}.answer-area{flex-shrink:0;padding:.6rem;gap:.4rem;background:#010508fa}.ans-btn{font-size:.68rem;padding:.8rem .3rem;letter-spacing:.04em}.msg-bubble{font-size:.78rem;line-height:1.6;padding:.5rem .75rem}.msg-sender{font-size:.5rem}.msg{max-width:92%}.reveal-card{width:96%;max-width:96vw;padding:1.2rem .9rem}.reveal-card h2{font-size:1rem}.reveal-stamp{font-size:.5rem}.reveal-card p{font-size:.7rem}.reveal-links a{font-size:.6rem;padding:.18rem .35rem}.play-again-btn{font-size:.65rem;padding:.5rem 1rem}}