@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.header{display:flex;justify-content:space-between;align-items:center;background-color:red;padding:auto 2rem;margin:0;position:fixed;top:0;left:0;right:0;z-index:1000;transition:transform .3s ease}.header.hidden{transform:translateY(-100%)}.header a{text-decoration:none}@keyframes retroColorCycle{0%{color:#ffae00}50%{color:#865c07}to{color:#ffae00}}.title-container{margin-left:1rem;display:inline-flex;justify-content:center;align-items:center;background-color:red;font-family:"Press Start 2P",monospace;image-rendering:pixelated}.title{font-family:"Press Start 2P",monospace;font-size:1rem;color:#fff;text-shadow:4px 2px #000;margin:0;animation:retroColorCycle 3s infinite}.nav-buttons{display:flex;gap:1rem}.pixel-border{border-bottom:4px solid #666666;image-rendering:pixelated}.pixel-button{border:3px solid;border-color:#ffffff #666666 #666666 #ffffff;background-color:#fcc101;color:#053080;font-family:"Press Start 2P",monospace;font-size:12px;padding:.2rem .5rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .1s ease;image-rendering:pixelated;margin-right:.5rem;align-items:center;display:flex}.pixel-button:hover{transform:translate(1px,1px);border-color:#cccccc #333333 #333333 #cccccc}.pixel-button:active{transform:translate(2px,2px);border-color:#0a0a0a #e2dbdb #d1c7c7 #000000}.page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#00a0fd;color:#fff;padding-top:64px}.frame{margin-top:.2rem;padding:2rem;background-color:#202020;border-top:#979797 4px solid;flex:1}.askme-frame{display:flex;flex-direction:column;flex:1;padding:2rem;background-color:#e4e3e1;border-top:#979797 4px solid;image-rendering:pixelated;background-size:20px 20px;min-height:0}.text-box{background-color:#fff;color:#000;padding:1rem;border:4px solid #444;margin-bottom:1rem;font-size:.75rem;line-height:1.5;box-shadow:0 0 100px 4px #20e92ab3,inset -3px -3px #aaa,inset 3px 3px #ddd}.text-box-work{background-color:#5e5c5c;color:#000;padding:1rem;border:4px solid #444;margin-bottom:1rem;font-size:.75rem;line-height:1.5;box-shadow:0 0 40px 4px #fcd601b3,inset -3px -3px #5e5c5c,inset 3px 3px #5e5c5c}footer{padding:1rem;text-align:center;background-color:#000}.button-row{display:flex;justify-content:flex-start;gap:1rem;margin-bottom:1rem}.profile-button{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#444;background-color:#a6a2a2;padding:.6rem 1cm;border:4px solid;border-color:#2f2f5f #0f0f3f #0f0f3f #2f2f5f;outline:3px solid #6e78c2;box-shadow:inset -2px -2px #a6a2a2,inset 2px 2px #a6a2a2;cursor:pointer;text-shadow:2px 1px #ccc;transition:transform .1s ease;margin-top:1rem;image-rendering:pixelated;margin-left:1rem;margin-right:.3rem}.profile-button:hover{transform:scale(1.05)}.selected-button{background-color:#fff;color:#000;border-color:#2f2f5f #0f0f3f #0f0f3f #2f2f5f;box-shadow:inset -2px -2px #c0b8c0,inset 2px 2px #dcd0e0;transform:scale(1.05)}.work-text{line-height:1.5;font-size:.75rem;color:#fff;text-shadow:2px 1.5px #000000}.job-block{margin-bottom:2rem}.job-block ul{margin-top:.5rem;padding-left:1.5rem}.job-block li{margin-bottom:1rem}.work-text hr{border:none;border-top:2px dashed #5106ff;margin:2rem 0}.chat-box{width:100%;flex:1;resize:none;overflow-y:auto;padding:8px;border:1px solid #ccc;background-color:#fff;margin-bottom:3rem;line-height:1.5;box-shadow:inset -2px -2px #4e4e4e,inset 2px 2px #9c9c9c;max-height:calc(4.5em + 16px);font-family:"Press Start 2P",monospace;font-size:12px;margin-right:-.2rem}.chat-input-container{display:flex;align-items:flex-end;margin:0 2rem;gap:.5rem}.askme-content{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:.5rem;max-height:600px;margin-right:5rem}.askme-content::-webkit-scrollbar{width:6px}.askme-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.askme-content::-webkit-scrollbar-thumb:hover{background:#555}.input-wrapper{margin-top:auto}.send-button{width:50px;height:54px;padding:flex;border:3px solid;border-color:#ffffff #666666 #666666 #ffffff;background-color:#7e7d7c;background-image:url(/sent.png);background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;transition:all .1s ease;image-rendering:pixelated;margin-bottom:3rem}.send-button:active{transform:translate(2px,2px);border-color:#0a0a0a #e2dbdb #d1c7c7 #000000}.askme-content{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.message-bubble{max-width:80%;padding:.6rem 1rem;font-family:"Press Start 2P",monospace;font-size:.6rem;line-height:1.3;border:3px solid #444;background-color:#fff;color:#000;box-shadow:inset -2px -2px #ccc,inset 2px 2px #eee}.user-message{align-self:flex-end;background-color:#fff;border-color:#010101}.agent-message{align-self:flex-start;background-color:#d2d2ff;border-color:#44a}.loading .loading-dots{font-family:monospace;font-size:1.2em;letter-spacing:2px}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.loading-dots span{animation:blink 1.4s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.send-button.disabled,.send-button:disabled{filter:grayscale(80%);cursor:not-allowed}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin:0 8px}.message-row{display:flex;align-items:flex-start;margin-bottom:8px}.agent-row{flex-direction:row}.user-row{flex-direction:row-reverse}.footer{background-image:url(../public/brick.png);background-repeat:repeat;background-size:contain;color:#fff;font-family:"Press Start 2P",monospace;font-size:.6rem;text-align:center;text-shadow:1px 2px #000;padding:1rem 0;border-top:4px solid;border-color:#ffffff #666666 #666666 #ffffff;image-rendering:pixelated}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:"Press Start 2P",monospace}body{margin:0;padding:0;background-color:#000;color:#fff;min-height:100vh;font-family:"Press Start 2P",monospace}