body{margin:0;padding:0;background:#0a0a1a url('https://genesys.hexaintegrated.tech/static/genn.jpg') no-repeat center center fixed;background-size:cover;font-family:'Helvetica Neue',sans-serif;color:#e0e0e0;text-align:center;min-height:100vh}.mast{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:24px;position:sticky;top:12px;z-index:10;pointer-events:none}.mast>*{pointer-events:auto}.logo-button{width:250px;border-radius:20px;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(145deg,#44494e 0%,#1a1a1a 60%,#6d6868 100%);border:2px solid #fff;box-shadow:0 0 12px rgba(255,255,255,0.8),0 0 26px rgba(255,255,255,0.5),inset 2px 2px 8px rgba(255,255,255,0.7),inset -2px -2px 8px rgba(0,0,0,0.85);filter:drop-shadow(0 6px 6px rgba(255,255,255,0.6));transition:transform 0.3s ease,box-shadow 0.3s ease,width 0.3s ease}.logo-button:hover{transform:scale(1.06);box-shadow:0 0 14px rgba(255,255,255,0.95),0 0 36px rgba(255,255,255,0.65),inset 4px 6px 16px rgba(255,255,255,0.9),inset -4px -6px 16px rgba(255,255,255,0.75)}.logo-button.pulsing{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px #fff,0 0 22px rgba(255,255,255,0.6)}50%{transform:scale(1.05);box-shadow:0 0 18px #fff,0 0 34px rgba(255,255,255,0.85)}100%{transform:scale(1);box-shadow:0 0 10px #fff,0 0 22px rgba(255,255,255,0.6)}}h1{font-size:2.8rem;font-weight:900;color:rgba(255,255,255,0.85);letter-spacing:5px;text-transform:uppercase;margin:0;text-shadow:0 0 8px rgba(255,255,255,0.6),0 0 20px rgba(255,255,255,0.3),0 0 30px rgba(255,255,255,0.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .25s ease,transform .25s ease,font-size .25s ease}body.docked .mast{position:fixed;top:16px;right:16px;align-items:flex-end;gap:8px;z-index:1000}body.docked #logo{width:140px;border-radius:16px}body.docked h1{opacity:0;transform:translateY(-8px);pointer-events:none}.content{padding:18px 16px 60px}body.docked .content{margin-top:140px}.chatbox{margin:25px auto 0;width:90%;max-width:650px;border-radius:14px;padding:20px;background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);box-shadow:0 0 25px rgba(255,255,255,0.2)}.chatbox textarea{width:100%;min-height:80px;border:none;font-size:1rem;padding:12px;border-radius:10px;resize:vertical;background:rgba(255,255,255,0.85);color:#111}.chatbox button{margin-top:12px;padding:12px 24px;font-size:1.1rem;font-weight:bold;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(145deg,#000,#111);color:#fff;transition:all 0.25s ease;box-shadow:0 0 8px rgba(255,255,255,0.15)}.chatbox button:hover{transform:translateY(-3px);box-shadow:0 0 18px rgba(255,255,255,0.6)}.chatbox button:active{transform:translateY(1px);box-shadow:0 0 6px rgba(255,255,255,0.4)}.response{margin-top:20px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.message{padding:10px 14px;border-radius:10px;opacity:0;animation:fadeIn 0.4s forwards;white-space:pre-wrap}.user{background:rgba(0,0,50,0.6);color:#6cf;font-weight:bold}.ai{background:rgba(30,30,30,0.7);color:#ffd;border-left:3px solid gold}@keyframes fadeIn{to{opacity:1}}#codex-overlay{display:none;opacity:0;transition:opacity 0.4s ease;position:fixed;inset:0;background:rgba(0,0,0,0.95);color:#ffd700;font-family:monospace;padding:3rem;z-index:9999;text-align:center;line-height:1.6}#codex-overlay.show{display:block;opacity:1}footer{margin-top:40px;font-size:0.85rem;color:#bbb;text-align:center;max-width:650px;margin-left:auto;margin-right:auto}footer a{color:#ffd700;text-decoration:none}@media (max-width:600px){#logo{width:180px}h1{font-size:2rem;letter-spacing:3px}body.docked #logo{width:120px}body.docked .content{margin-top:120px}}