@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;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}.nav-buttons.desktop{display:flex}.hamburger{display:none;background:transparent;border:3px solid;border-color:#ffffff #666666 #666666 #ffffff;background-color:#fcc101;cursor:pointer;padding:.35rem .45rem;margin-right:.5rem;image-rendering:pixelated;align-items:center;justify-content:center;gap:4px;flex-direction:column}.hamburger span{width:22px;height:3px;background:#053080;transition:transform .2s ease,opacity .2s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:absolute;top:100%;right:0;left:0;display:none;flex-direction:column;gap:20px;padding:12px 12px 14px;background:#898686;border-bottom:4px solid #666666;z-index:999}.mobile-menu.show{display:flex}.mobile-menu .pixel-button{width:auto;padding:12px 12px 14px;justify-content:center}@media(max-width:768px){.nav-buttons.desktop{display:none}.hamburger{display:flex}.title{font-size:.85rem}}.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:1rem}.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;height:}.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}@media(max-width:768px){.button-row{display:contents}.askme-content{width:100%}}.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}.scroll-top-btn{position:fixed;right:18px;bottom:18px;width:64px;height:64px;padding:0;border:4px solid;border-color:#ffffff #666666 #666666 #ffffff;background:#00000059;cursor:pointer;z-index:9999;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .15s ease,transform .15s ease;image-rendering:pixelated;overflow:hidden}.scroll-top-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:active{transform:translateY(2px);border-color:#0a0a0a #e2dbdb #d1c7c7 #000000}.scroll-top-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none}@media(max-width:640px){.scroll-top-btn{width:48px;height:48px;right:12px;bottom:12px}.scroll-top-img{max-width:40px;max-height:40px}}