:root{--primary-color: #00f3ff;--secondary-color: #ffa500;--bg-color: #000000;--panel-bg: rgba(0, 20, 40, .7);--font-main: "Orbitron", sans-serif}body{margin:0;overflow:hidden;background-color:var(--bg-color);font-family:var(--font-main);color:var(--primary-color)}#app{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#ui-container{position:absolute;top:20px;left:20px;bottom:20px;z-index:10;pointer-events:none}.hologram-panel{background:var(--panel-bg);border:1px solid var(--primary-color);padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 15px #00f3ff4d;position:relative;pointer-events:auto;border-radius:4px}.unified-panel{width:350px;max-height:calc(100vh - 40px);height:auto;overflow-y:auto;display:flex;flex-direction:column}.unified-panel::-webkit-scrollbar{width:8px}.unified-panel::-webkit-scrollbar-track{background:#00f3ff1a}.unified-panel::-webkit-scrollbar-thumb{background:#00f3ff80;border-radius:4px}.unified-panel::-webkit-scrollbar-thumb:hover{background:#00f3ffb3}.panel-header{font-size:1.2rem;font-weight:700;border-bottom:1px solid var(--primary-color);padding-bottom:10px;margin-bottom:15px;text-shadow:0 0 5px var(--primary-color);letter-spacing:2px;text-align:center;flex-shrink:0}.stats-section{margin-bottom:15px;flex-shrink:0}.stat-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem}.label{opacity:.8}.value{font-weight:700;text-shadow:0 0 3px var(--primary-color)}.panel-divider{height:1px;background:linear-gradient(to right,transparent,var(--primary-color),transparent);margin:20px 0;opacity:.5;flex-shrink:0}.description-section{margin-bottom:15px;flex-shrink:0}.section-title{font-size:1rem;font-weight:600;color:var(--secondary-color);text-shadow:0 0 5px var(--secondary-color);margin-bottom:10px;letter-spacing:1px}.description-text{font-size:.85rem;line-height:1.8;color:#00f3fff2;min-height:80px;text-align:left;position:relative;z-index:10;word-wrap:break-word;white-space:normal}.controls{margin-top:20px;text-align:center;flex-shrink:0}.sci-fi-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:10px 30px;font-family:var(--font-main);font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;width:100%}.sci-fi-btn:hover{background:#00f3ff33;box-shadow:0 0 10px var(--primary-color)}.sci-fi-btn:active{transform:scale(.98)}.chat-section{margin-top:20px;border-top:1px solid var(--primary-color);padding-top:15px;flex-shrink:0;min-height:0}.chat-history{max-height:30vh;min-height:100px;overflow-y:auto;margin-bottom:10px;padding:5px}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-track{background:#00f3ff0d}.chat-history::-webkit-scrollbar-thumb{background:#00f3ff4d;border-radius:3px}.chat-message{margin-bottom:10px;padding:8px;border-radius:4px;font-size:.8rem;line-height:1.6}.user-message{background:#00f3ff1a;border-left:2px solid var(--primary-color);color:var(--primary-color)}.ai-message{background:#ffa50014;border-left:2px solid var(--secondary-color);color:#ffc864f2;line-height:1.8}.chat-input-container{display:flex;gap:8px;margin-top:10px}.chat-input{flex:1;background:#00f3ff0d;border:1px solid rgba(0,243,255,.3);color:var(--primary-color);padding:8px 12px;font-family:var(--font-main);font-size:.85rem;border-radius:4px;outline:none}.chat-input:focus{border-color:var(--primary-color);box-shadow:0 0 5px #00f3ff4d}.send-btn{background:transparent;border:1px solid var(--secondary-color);color:var(--secondary-color);padding:8px 16px;font-family:var(--font-main);font-size:.85rem;cursor:pointer;transition:all .3s ease;border-radius:4px;white-space:nowrap}.send-btn:hover{background:#ffa50026;box-shadow:0 0 8px var(--secondary-color)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.loading-indicator{color:var(--secondary-color);font-size:.8rem;font-style:italic;padding:5px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:#00f3ff80;animation:scan 3s linear infinite;opacity:.3;z-index:1;pointer-events:none}@keyframes scan{0%{top:0%}to{top:100%}}.model-selector-container{margin-bottom:10px;display:flex;justify-content:flex-end}.sci-fi-select{background:#001428cc;border:1px solid var(--primary-color);color:var(--primary-color);padding:5px 10px;font-family:var(--font-main);font-size:.8rem;cursor:pointer;outline:none;border-radius:4px;box-shadow:0 0 10px #00f3ff33}.sci-fi-select option{background:#000a12;color:var(--primary-color)}.sci-fi-select:hover{box-shadow:0 0 15px #00f3ff66;background:#002850e6}@media(max-width:768px){#ui-container{inset:auto 0 0;width:100%;height:auto;padding:0 0 20px;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;z-index:20}.stats-section{display:none!important}.unified-panel{background:transparent;border:none;box-shadow:none;width:100%;max-height:none;padding:0;display:flex;flex-direction:column;pointer-events:none}.panel-header,.description-section,.panel-divider,.section-title{display:none!important}.controls{position:absolute;bottom:18px;right:40px;width:auto;z-index:2001;margin:0;pointer-events:auto}.sci-fi-btn{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--primary-color);border-radius:50%;padding:5px;font-size:.85rem;color:var(--primary-color);box-shadow:0 0 15px #00f3ff4d;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.sci-fi-btn .btn-text{display:none}.btn-icon-custom.paw{display:flex;flex-direction:column;align-items:center;gap:1.5px;position:relative;width:16px;height:16px}.btn-icon-custom.paw .toe{width:3.5px;height:5px;background:linear-gradient(135deg,var(--primary-color) 0%,rgba(0,243,255,.7) 100%);border-radius:50% 50% 45% 45%;box-shadow:0 0 4px var(--primary-color),0 0 8px #00f3ff66;position:absolute;top:0}.btn-icon-custom.paw .toe:nth-child(1){left:1px;top:1px;transform:rotate(-20deg)}.btn-icon-custom.paw .toe:nth-child(2){left:50%;top:-.5px;transform:translate(-50%)}.btn-icon-custom.paw .toe:nth-child(3){right:1px;top:1px;transform:rotate(20deg)}.btn-icon-custom.paw .pad{width:8px;height:8px;background:linear-gradient(135deg,var(--primary-color) 0%,rgba(0,243,255,.8) 100%);border-radius:50%/65% 65% 35% 35%;box-shadow:0 0 5px var(--primary-color),0 0 10px #00f3ff80;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.chat-section{margin:0;padding:0;border:none;pointer-events:auto;width:100%;display:flex;flex-direction:column;gap:8px}.chat-history{display:block!important;width:90%;margin:0 auto;max-height:60px;overflow-y:auto;background:#000a1499;border-radius:8px;padding:6px 8px;font-size:.75rem;line-height:1.3;mask-image:linear-gradient(to bottom,black 60%,transparent);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent);pointer-events:auto}.chat-history .chat-message{margin-bottom:4px;font-size:.75rem}.unified-panel{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:transparent;pointer-events:none}.chat-input-container{display:flex;gap:8px;align-items:center;pointer-events:auto;background:#001428e6;padding:6px 12px;border-radius:30px;border:1px solid rgba(0,243,255,.3);width:75%;margin:0 auto 0 5%;height:44px;box-sizing:border-box}.chat-input{background:transparent;border:none;color:#fff;font-size:.9rem;height:100%;padding:0;flex:1}.send-btn{border-radius:20px;padding:6px 14px;font-size:.85rem;flex-shrink:0}}