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}: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}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{color:#e0e0e0;color:var(--primary-text);margin:0}.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}.loading-spinner{align-items:center;background-color:#000;background-color:var(--secondary-bg);border:1px solid #3d3d3d;border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;justify-content:center;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}@media (max-width:768px){.App-main{max-width:100%;padding:1.5rem}.App-header{margin-top:auto;padding-top:80px}}@media (max-width:480px){.App-header{padding-top:150px}.App-main{padding:1rem}}.result-content{color:#fff;font-size:15px;line-height:1.6}.result-content p{margin-bottom:8px;margin-top:0}.result-content h1{font-size:24px;font-weight:600;margin-bottom:8px;margin-top:16px}.result-content h2{font-size:20px;font-weight:600;margin-bottom:8px;margin-top:12px}.result-content h3,h4,h5,h6{font-weight:600;margin-bottom:6px;margin-top:10px}.result-content a{color:#34c759;text-decoration:none}.result-content a:hover{text-decoration:underline}.result-content strong{color:#fff;font-weight:700}.result-content em{font-style:italic}.result-content pre{border-left:4px solid #34c759;border-radius:4px;margin:15px 0;overflow-x:auto;padding:12px 16px}.result-content code,.result-content pre{background-color:#121212;font-family:monospace;font-size:14px}.result-content code{border-radius:3px;padding:2px 5px}.result-content ol,.result-content ul{margin-bottom:4px;margin-top:4px;padding-left:24px}.result-content li{margin-bottom:2px}.result-content blockquote{border-left:4px solid #34c759;color:#ccc;font-style:italic;margin-left:0;margin-right:0;padding-left:16px}.result-content table{border-collapse:collapse;margin:16px 0;width:100%}.result-content th{background-color:#121212;text-align:left}.result-content td,.result-content th{border:1px solid #444;padding:8px 12px}.result-content hr{background-color:#444;border:0;height:1px;margin:24px 0}.about-page{background-color:var(--primary-bg);margin-top:60px;min-height:calc(100vh - 140px);padding:2rem 1rem}.about-container{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:8px;line-height:1.6;margin:0 auto;max-width:1200px;padding:2rem}.about-container h1{border-bottom:2px solid var(--accent-color);color:var(--primary-text);font-size:2rem;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.about-container h2{border-left:4px solid var(--accent-color);font-size:1.5rem;margin-top:2rem;padding-left:1rem}.about-container h2,.about-container p{color:var(--primary-text);margin-bottom:1rem}.about-container p{text-align:justify}.about-container ul{margin:1rem 0;padding-left:2rem}.about-container li{color:var(--primary-text);margin-bottom:.5rem}.about-container li strong{color:var(--accent-color)}@media (max-width:768px){.about-page{margin-top:80px;padding:3rem 1rem 2rem}.about-container{margin:0 1rem;padding:1.5rem}.about-container h1{font-size:1.5rem}.about-container h2{font-size:1.3rem}}.bills-story-page{background-color:var(--primary-bg);margin-top:60px;min-height:calc(100vh - 140px);padding:2rem 1rem}.bills-story-container{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:8px;line-height:1.6;margin:0 auto;max-width:1200px;padding:2rem}.bills-story-container h1{border-bottom:2px solid var(--accent-color);color:var(--primary-text);font-size:2rem;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.bills-story-container h2{border-left:4px solid var(--accent-color);color:var(--primary-text);font-size:1.5rem;margin-bottom:1rem;margin-top:2rem;padding-left:1rem}.bills-story-container p{color:var(--primary-text);margin-bottom:1rem;text-align:justify}.greeting{color:var(--secondary-text);font-size:1.1rem;font-style:italic}.bills-story-container ul{margin:1rem 0;padding-left:2rem}.bills-story-container li{color:var(--primary-text);margin-bottom:.5rem}.bills-story-container li strong{color:var(--accent-color)}.signature{font-size:1.1rem;margin-top:2rem;text-align:center}.signature strong{color:var(--accent-color)}.closing{background-color:var(--secondary-bg);border-left:4px solid var(--success-color);border-radius:5px;color:var(--secondary-text);font-style:italic;margin-top:1.5rem;padding:1rem;text-align:center}.achievements-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1rem 0 2rem}.achievement-item{background:var(--secondary-bg);border-left:5px solid var(--accent-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0003;padding:25px;transition:transform .3s ease}.achievement-item:hover{transform:translateY(-2px)}.achievement-item h3{color:var(--accent-color);font-size:1.3rem;font-weight:700;margin-bottom:15px}.achievement-item p{color:var(--primary-text);font-size:1rem;line-height:1.5}.expertise-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:1rem 0 2rem}.expertise-column ul{list-style:none;padding:0}.expertise-column li{background:var(--secondary-bg);border-left:4px solid var(--accent-color);border:1px solid var(--border-color);border-radius:5px;color:var(--primary-text);font-size:1rem;margin-bottom:15px;padding:15px}.expertise-column li strong{color:var(--accent-color)}@media (max-width:768px){.bills-story-page{margin-top:80px;padding:3rem 1rem 2rem}.bills-story-container{margin:0 1rem;padding:1.5rem}.bills-story-container h1{font-size:1.5rem}.bills-story-container h2{font-size:1.3rem}.achievements-grid,.expertise-list{grid-template-columns:1fr}}.tips-page{background-color:var(--primary-bg);margin-top:60px;min-height:calc(100vh - 140px);padding:2rem 1rem}.tips-container{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:8px;line-height:1.6;margin:0 auto;max-width:1200px;padding:2rem}.tips-header{margin-bottom:2rem}.tips-header h2{border-bottom:2px solid var(--accent-color);color:var(--primary-text);font-size:2rem;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.tips-header h3{border-left:4px solid var(--accent-color);font-size:1.5rem;margin-top:2rem;padding-left:1rem}.tips-header h3,.tips-header p{color:var(--primary-text);margin-bottom:1rem}.tips-header p{text-align:justify}.tips-header ul{margin:1rem 0;padding-left:2rem}.tips-header li{color:var(--primary-text);margin-bottom:1rem}.tips-header li strong{color:var(--accent-color)}.tips-content{margin-top:2rem}.tips-content h3{border-left:4px solid var(--accent-color);font-size:1.5rem;padding-left:1rem}.tips-content h3,.tips-content p{color:var(--primary-text);margin-bottom:1rem}.tips-content p{text-align:justify}.code-container{margin:20px 0;position:relative}.code-block{word-wrap:break-word;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--primary-text);font-family:Courier New,Courier,monospace;overflow-x:auto;padding:15px;white-space:pre-wrap}.code-block code{background:#0000;border:none;color:var(--primary-text);font-family:inherit;padding:0}.copy-button{background-color:var(--accent-color);border:none;border-radius:4px;color:var(--primary-bg);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 12px;position:absolute;right:10px;top:10px;transition:all .2s ease;z-index:10}.copy-button:hover{background-color:var(--success-color);transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}@media (max-width:768px){.tips-page{margin-top:80px;padding:3rem 1rem 2rem}.tips-container{margin:0 1rem;padding:1.5rem}.tips-header h2{font-size:1.5rem}.tips-content h3,.tips-header h3{font-size:1.3rem}.code-block{font-size:.9rem;padding:10px}.copy-button{font-size:.8rem;padding:6px 10px}}@media (max-width:480px){.tips-page{margin-top:80px;padding:3rem .5rem 2rem}.tips-container{margin:0 .5rem;padding:1rem}.tips-header h2{font-size:1.3rem}.tips-content h3,.tips-header h3{font-size:1.2rem}.code-block{font-size:.85rem;padding:8px}.copy-button{display:block;margin-bottom:10px;position:relative;right:0;top:0;width:100px}}.navbar{background-color:var(--secondary-bg);border-bottom:1px solid var(--border-color);height:60px;justify-content:space-between;left:0;padding:.5rem 1rem;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:2rem}.navbar-logo{align-items:center;display:flex}.navbar-logo-img{height:40px;width:auto}.navbar-title-link{text-decoration:none}.navbar-title{color:var(--primary-text);font-size:1.2rem;font-weight:700;margin-left:.5rem}.navbar-links{align-items:center;display:flex;gap:1rem}.nav-link{border-radius:4px;color:var(--secondary-text);font-size:.95rem;padding:.25rem .5rem;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:var(--hover-color);color:var(--primary-text)}.navbar-user{align-items:center;display:flex;gap:1rem}.username{color:var(--primary-text);font-size:.9rem}.logout-btn{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:4px;color:var(--secondary-text);cursor:pointer;display:flex;font-size:.8rem;padding:.25rem .5rem;transition:all .2s}.logout-btn:hover{background-color:var(--hover-color);color:var(--primary-text)}.logout-icon{font-style:normal;margin-right:.25rem}@media (max-width:768px){.navbar{flex-wrap:wrap;gap:.5rem;height:auto;min-height:60px;padding:.5rem}.navbar-left{flex-wrap:wrap;order:1;width:70%}.navbar-logo{margin-right:1rem}.navbar-user{justify-content:flex-end;order:2;width:30%}}@media (max-width:480px){.navbar{padding-bottom:1rem}.navbar-left{flex-direction:column;gap:.5rem}.navbar-left,.navbar-logo{justify-content:center;width:100%}.navbar-links{gap:.75rem}.navbar-user{justify-content:center;margin-top:.5rem;width:100%}}