body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:var(--secondary-bg);border-bottom:1px solid var(--border-color);height:60px;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-bar{align-items:center;display:flex}.navbar-bar{gap:.75rem;width:100%}.navbar-title-link{text-decoration:none}.navbar-title{color:var(--primary-text);font-size:1.2rem;font-weight:700}.navbar-links-desktop{align-items:center;display:flex;gap:1rem;margin-left:2rem}.nav-link{border-radius:4px;color:var(--secondary-text);font-size:.95rem;padding:.25rem .5rem;text-decoration:none;transition:all .2s;white-space:nowrap}.nav-link:hover{background-color:var(--hover-color);color:var(--primary-text)}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;justify-content:center;padding:4px;z-index:1100}.hamburger-line{background-color:var(--primary-text);border-radius:2px;display:block;height:2px;transition:transform .3s ease,opacity .3s ease;width:24px}.hamburger-line.open:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-overlay,.mobile-drawer{display:none}@media (max-width:768px){.navbar{height:56px}.navbar-links-desktop{display:none}.hamburger{display:flex}.menu-overlay{background:#00000080;display:block;inset:0;position:fixed;z-index:1050}.mobile-drawer{background-color:var(--secondary-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:-280px;overflow-y:auto;padding:80px 1.5rem 2rem;position:fixed;top:0;transition:left .3s ease;width:260px;z-index:1060}.mobile-drawer.open{left:0}.mobile-nav-link{border-bottom:1px solid var(--border-color);color:var(--primary-text);font-size:1.1rem;padding:.75rem 0;text-decoration:none;transition:color .2s ease}.mobile-nav-highlight,.mobile-nav-link:hover{color:var(--accent-color)}.mobile-nav-highlight{font-weight:600}}:root{--primary-bg:#121212;--secondary-bg:#000;--tertiary-bg:#2d2d2d;--primary-text:#e0e0e0;--secondary-text:#b0b0b0;--accent-color:#ff6b35;--error-color:#ff3b30;--success-color:#34c759;--warning-color:#fc0;--border-color:#3d3d3d;--hover-color:#3a3a3a}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid #ff6b35;outline:2px solid var(--accent-color);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff6b35;outline:2px solid var(--accent-color);outline-offset:2px}body,html{background-color:#121212;background-color:var(--primary-bg);color:#e0e0e0;color:var(--primary-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background-color:#000;background-color:var(--secondary-bg);border-bottom:1px solid #3d3d3d;border-bottom:1px solid var(--border-color);color:#e0e0e0;color:var(--primary-text);margin-top:60px;padding:1rem}.App-header,.logo-container{align-items:center;display:flex;flex-direction:column}.logo-container{justify-content:center;padding:1rem 0}.logo-container .main-logo{height:250px;margin:0 0 .5rem;width:auto}.logo-container p{color:#b0b0b0;color:var(--secondary-text);font-size:1.2rem;font-style:italic;margin:0}.App-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.query-form{margin-bottom:2rem;width:100%}.welcome-message{background-color:#2d2d2d;background-color:var(--tertiary-bg);border:1px solid #3d3d3d;border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:center}.welcome-message h3{color:#ff6b35;color:var(--accent-color);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.welcome-message p{color:#e0e0e0;color:var(--primary-text);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.form-group{margin-bottom:1rem;text-align:left;width:100%}.form-group label{display:block;font-weight:700;margin-bottom:.5rem}.form-control,.form-group label{color:#e0e0e0;color:var(--primary-text)}.form-control{background-color:#2d2d2d;background-color:var(--tertiary-bg);border:1px solid #3d3d3d;border:1px solid var(--border-color);border-radius:4px;font-family:monospace;font-size:1.1rem;min-height:150px;padding:1rem;resize:vertical;width:100%}.form-control:focus{border-color:#ff6b35;border-color:var(--accent-color);box-shadow:0 0 0 2px #0a84ff33;outline:none}.form-control:disabled{background-color:#2d2d2d80;cursor:not-allowed}.submit-btn{background-color:#ff6b35;background-color:var(--accent-color);border:none;border-radius:4px;color:#e0e0e0;color:var(--primary-text);cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.submit-btn:hover{filter:brightness(1.2)}.submit-btn.disabled{background-color:#4a4a4a;cursor:not-allowed;opacity:.6}.button-group{display:flex;justify-content:space-between;margin-top:.5rem}.clear-btn{background-color:#2d2d2d;background-color:var(--tertiary-bg);border:none;border-radius:4px;color:#e0e0e0;color:var(--primary-text);cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.clear-btn:hover:not(:disabled){background-color:#3a3a3a;background-color:var(--hover-color)}.clear-btn:disabled{background-color:#4a4a4a;cursor:not-allowed;opacity:.6}.response-display{background-color:#000;background-color:var(--secondary-bg);border:1px solid #3d3d3d;border:1px solid var(--border-color);border-radius:4px;margin-top:1rem;padding:1.5rem;text-align:left;width:100%}.response-header{align-items:center;border-bottom:1px solid #3d3d3d;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.response-header.mobile-layout{align-items:center;flex-direction:column;gap:1rem}.response-header h3{align-items:center;color:#e0e0e0;color:var(--primary-text);display:flex;gap:.5rem;margin:0}.streaming-indicator{animation:pulse 1.5s ease-in-out infinite;color:#ff6b35;color:var(--accent-color);font-size:.8em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.action-buttons{display:flex;gap:.5rem}.copy-btn,.email-btn,.pdf-btn,.print-btn{background-color:#2d2d2d;background-color:var(--tertiary-bg);border:none;border-radius:4px;color:#e0e0e0;color:var(--primary-text);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.copy-btn:hover,.email-btn:hover,.pdf-btn:hover,.print-btn:hover{background-color:#3a3a3a;background-color:var(--hover-color)}.share-toggle-btn{background-color:#2d2d2d;background-color:var(--tertiary-bg);border:none;border-radius:4px;color:#e0e0e0;color:var(--primary-text);cursor:pointer;display:none;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.share-toggle-btn:hover{background-color:#3a3a3a;background-color:var(--hover-color)}.share-export-section{border-top:1px solid #3d3d3d;border-top:1px solid var(--border-color);display:none;margin-top:1rem;padding:1rem 0 1.5rem}.desktop-buttons{display:flex}.mobile-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.action-btn{background-color:#2d2d2d;background-color:var(--tertiary-bg);border:none;border-radius:4px;color:#e0e0e0;color:var(--primary-text);cursor:pointer;font-size:.9rem;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.action-btn:hover{background-color:#3a3a3a;background-color:var(--hover-color)}@media (max-width:768px){.desktop-buttons{display:none}.mobile-only,.share-export-section.mobile-only{display:block}.response-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.response-header h3{margin-bottom:0}}.empty-response{align-items:center;display:flex;justify-content:center;min-height:250px}.empty-message{color:#b0b0b0;color:var(--secondary-text);text-align:center}.response-display h3{border-bottom:1px solid #3d3d3d;border-bottom:1px solid var(--border-color);color:#e0e0e0;color:var(--primary-text);margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.response-display h4{color:#e0e0e0;color:var(--primary-text);font-size:1rem;margin:0}.alert{background-color:#ffcc001a;border:1px solid #ffcc004d;border-radius:4px;color:#fc0;color:var(--warning-color);margin-bottom:1rem;padding:1rem}.alert strong{font-weight:700}.response-text{background-color:#2d2d2d;background-color:var(--tertiary-bg);border:1px solid #3d3d3d;border:1px solid var(--border-color);border-radius:4px;color:#e0e0e0;color:var(--primary-text);min-height:150px;overflow:hidden}.result-content{font-size:1rem;padding:1.25rem;white-space:pre-wrap}.follow-up-container{border-top:1px solid #3d3d3d;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem}.follow-up-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.follow-up-button,.follow-up-title{color:#e0e0e0;color:var(--primary-text)}.follow-up-button{align-items:flex-start;background-color:#2d2d2d;background-color:var(--tertiary-bg);border:1px solid #3d3d3d;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;font-size:1rem;margin-bottom:.75rem;padding:1rem;text-align:left;transition:all .3s ease;width:100%}.follow-up-button:hover{background-color:#3a3a3a;background-color:var(--hover-color);border-color:#ff6b35;border-color:var(--accent-color);transform:translateX(4px)}.follow-up-icon{flex-shrink:0;font-size:1.2rem;margin-right:.75rem;margin-top:.1rem}.follow-up-text{flex:1 1;line-height:1.4}.back-to-top-container{border-top:1px solid #3d3d3d;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem;text-align:center}.back-to-top-btn{background-color:#ff6b35;background-color:var(--accent-color);border:none;border-radius:4px;color:#e0e0e0;color:var(--primary-text);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.back-to-top-btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.page-loading{padding:4rem}.loading-spinner,.page-loading{align-items:center;display:flex;justify-content:center}.loading-spinner{background-color:#000;background-color:var(--secondary-bg);border:1px solid #3d3d3d;border:1px solid var(--border-color);border-radius:4px;flex-direction:column;min-height:250px;padding:3rem}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left:4px solid var(--accent-color);border-radius:50%;height:50px;margin-bottom:1.5rem;width:50px}.loading-spinner p{margin:.5rem 0;text-align:center}.loading-spinner .timer{color:#b0b0b0;color:var(--secondary-text);font-size:.9rem;margin-top:.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-footer{background-color:#000;background-color:var(--secondary-bg);border-top:1px solid #3d3d3d;border-top:1px solid var(--border-color);color:#b0b0b0;color:var(--secondary-text);font-size:.9rem;margin-top:2rem;padding:1rem;text-align:center}.App-footer a{color:#ff6b35;color:var(--accent-color);text-decoration:underline;transition:opacity .2s ease}.App-footer a:hover{opacity:.8}.footer-app-badges{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.footer-badge-link{display:inline-block;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.footer-badge-link:hover{opacity:.9;transform:scale(1.05)}.footer-app-label{color:#b0b0b0;color:var(--secondary-text);font-size:.85rem;margin-bottom:.25rem}.footer-app-badge,.footer-play-badge{display:block;height:48px;width:auto}@media (max-width:768px){.App-main{max-width:100%;padding:1.5rem}.App-header{margin-top:auto;padding-top:56px}.footer-app-badges{gap:.75rem}.footer-app-badge,.footer-play-badge{height:40px}}@media (max-width:480px){.App-header{padding-top:56px}.App-main{padding:1rem}.footer-app-badges{gap:.5rem}.footer-app-badge,.footer-play-badge{height:38px}}