:root{--color-primary: #FFB81C;--color-primary-light: #FFC947;--color-bg-dark: #0A0A0F;--color-bg-surface: #1B1F2E;--color-bg-surface-alt: #262E3F;--color-text-primary: #E8E8E8;--color-text-secondary: #B0B0B0;--color-border: rgba(255, 184, 28, .1);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}#root{display:flex;flex-direction:column;height:100vh}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-light)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(135deg,#0a0a0ff2,#14141ef2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,184,28,.1);padding:.5rem 2rem;box-shadow:0 4px 20px #00000080}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:1rem}.logo-icon{width:10rem;height:5rem;flex-shrink:0}.header-logo h1{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#ffb81c,#ffc947);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em;text-transform:uppercase}.steam-login-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1b1f2e,#262e3f);border:2px solid #FFB81C;color:#ffb81c;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ffb81c1a}.steam-login-btn:hover{background:linear-gradient(135deg,#ffb81c,#ffc947);color:#0a0a0f;transform:translateY(-2px);box-shadow:0 6px 25px #ffb81c4d}.steam-login-btn:active{transform:translateY(0)}.steam-icon{width:1.2rem;height:1.2rem;fill:currentColor}.user-profile-container{position:relative}.user-profile-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;background:linear-gradient(135deg,#ffb81c,#ffc947);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ffb81c33;border:none}.user-profile-btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #ffb81c66}.profile-avatar{width:3.5rem;height:3.5rem;border-radius:50%;background-color:#1b1f2e;display:block;object-fit:cover}.user-icon{width:3.5rem;height:3.5rem;color:#fff}.user-menu{position:absolute;top:calc(100% + .75rem);right:0;background:linear-gradient(135deg,#1b1f2efa,#262e3ffa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,184,28,.15);border-radius:.75rem;box-shadow:0 8px 32px #0006;min-width:200px;z-index:1000;animation:slideDown .2s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-header{padding:1rem;border-bottom:1px solid rgba(255,184,28,.1);font-weight:600;color:#ffb81c;font-size:.95rem}.menu-items{display:flex;flex-direction:column;padding:.5rem 0;list-style:none;margin:0}.menu-item{padding:.75rem 1rem;background:none;border:none;color:#e8e8e8;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;font-family:inherit}.menu-item:hover{background:#ffb81c1a;color:#ffb81c;padding-left:1.25rem}.menu-item.logout{color:#ff6b6b}.menu-item.logout:hover{background:#ff6b6b1a;color:#ff8787}.menu-divider{height:1px;background:#ffb81c1a;margin:.5rem 0}.action-button{position:relative;width:140px;height:140px;background:linear-gradient(135deg,#1b1f2e,#262e3f);border:2px solid #FFB81C;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ffb81c1a,inset 0 1px #ffffff1a}.action-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,184,28,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.action-button:hover{transform:translateY(-4px);border-color:#ffc947;background:linear-gradient(135deg,#262e3f,#303a4d);box-shadow:0 8px 30px #ffb81c40,inset 0 1px #ffffff26}.action-button:hover:before{opacity:1}.action-button:active{transform:translateY(-1px)}.button-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:1rem}.button-number{font-size:2.5rem;font-weight:700;color:#ffb81c;line-height:1}.button-text{font-size:.75rem;color:#ffb81c;font-weight:500;letter-spacing:.03em;text-transform:uppercase;line-height:1.2;max-width:120px}.button-glow{position:absolute;inset:-2px;background:radial-gradient(circle at center,rgba(255,184,28,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;border-radius:.75rem;pointer-events:none}.action-button:hover .button-glow{opacity:1}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a25,#0f0f18);position:relative;overflow:hidden;padding-top:80px}.landing-container{width:100%;padding:4rem 2rem;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px)}.hero-section{text-align:center;margin-bottom:4rem}.hero-title{margin:0;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;background:linear-gradient(135deg,#ffb81c,#ffc947,#ffb81c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;text-shadow:0 0 30px rgba(255,184,28,.2);animation:fadeInDown .8s ease-out}.hero-subtitle{margin:0;font-size:clamp(1rem,3vw,1.5rem);color:#ffb81cb3;font-weight:300;letter-spacing:.15em;text-transform:uppercase;animation:fadeInUp .8s ease-out .2s both}.actions-section{width:100%;display:flex;justify-content:center;animation:fadeIn .8s ease-out .4s both}.buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem;max-width:600px;width:100%;justify-items:center}.selected-info{margin-top:3rem;text-align:center;color:#ffb81c;font-size:1rem;font-weight:500;letter-spacing:.05em;animation:fadeIn .3s ease-out}.background-effects{position:fixed;inset:0;z-index:1;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.orb-1{width:400px;height:400px;background:radial-gradient(circle,#FFB81C 0%,transparent 70%);top:10%;right:-200px;animation:float 20s ease-in-out infinite}.orb-2{width:300px;height:300px;background:radial-gradient(circle,#1B1F2E 0%,transparent 70%);bottom:10%;left:-150px;animation:float 25s ease-in-out infinite reverse}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(50px) translate(30px)}}@media(max-width:768px){.landing-container{padding:2rem 1rem}.hero-section{margin-bottom:3rem}.buttons-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media(max-width:480px){.landing-page{padding-top:70px}.buttons-grid{gap:1rem;grid-template-columns:repeat(2,1fr);max-width:100%}}.chatpage{position:relative;height:100vh;background:linear-gradient(135deg,#0a0a0f,#1b1f2e);padding:6rem 1rem 0;display:flex;justify-content:center;box-sizing:border-box}.chat-container{margin-top:2%;margin-bottom:4%;width:100%;max-width:1500px;display:flex;flex-direction:column;height:94%;background:#1b1f2ef2;border-radius:1rem;border:1px solid rgba(255,184,28,.1);overflow:hidden;box-shadow:0 8px 32px #0006}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.welcome-message{text-align:center;color:#e8e8e8;margin-top:2rem}.welcome-message h2{color:#ffb81c;margin-bottom:.5rem}.message{display:flex;flex-direction:column;max-width:70%;animation:fadeIn .3s ease-in}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start}.message.error{align-self:center;background:#ff6b6b1a;border:1px solid #FF6B6B;border-radius:.5rem;padding:.5rem}.message-content{background:linear-gradient(135deg,#262e3f,#1b1f2e);padding:1rem;border-radius:.75rem;color:#e8e8e8;line-height:1.5;word-wrap:break-word}.message-content ul{margin:.5rem 0;padding-left:1.5rem}.message-content li{margin-bottom:.5rem;line-height:1.6}.message-content li:last-child{margin-bottom:0}.message-content ul ul{margin:.25rem 0;padding-left:1rem}.message-content p{margin:.5rem 0}.message-content p:first-child{margin-top:0}.message-content p:last-child{margin-bottom:0}.message-content table{width:100%;border-collapse:collapse;margin:1rem 0;background:#262e3f80;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0003}.message-content thead{background:linear-gradient(135deg,#ffb81c,#ffc947);color:#0a0a0f}.message-content th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(255,184,28,.3)}.message-content td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,184,28,.1);color:#e8e8e8;font-size:.9rem;line-height:1.4}.message-content tbody tr{transition:background-color .2s ease}.message-content tbody tr:hover{background:#ffb81c0d}.message-content tbody tr:last-child td{border-bottom:none}.message-content tbody tr:nth-child(2n){background:#ffb81c05}.message.user .message-content{background:linear-gradient(135deg,#ffb81c,#ffc947);color:#0a0a0f}.message.assistant .message-content{background:linear-gradient(135deg,#1b1f2e,#262e3f)}.message-timestamp{font-size:.75rem;color:#e8e8e899;margin-top:.25rem}.message.loading .message-content{color:#ffb81c;font-style:italic}.chat-input-form{display:flex;gap:1rem;padding:1rem;border-top:1px solid rgba(255,184,28,.1);background:#1b1f2ef2}.chat-input{flex:1;padding:.75rem 1rem;background:#262e3fcc;border:2px solid rgba(255,184,28,.2);border-radius:.5rem;color:#e8e8e8;font-size:1rem;transition:all .3s ease}.chat-input:focus{outline:none;border-color:#ffb81c;box-shadow:0 0 0 3px #ffb81c1a}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-submit{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffb81c,#ffc947);border:none;border-radius:.5rem;color:#0a0a0f;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffb81c33}.chat-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #ffb81c66}.chat-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-controls{display:flex;justify-content:flex-end;padding:1rem;border-bottom:1px solid rgba(255,184,28,.1);background:#1b1f2ef2}.new-chat-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#ffb81c,#ffc947);border:none;border-radius:.5rem;color:#0a0a0f;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffb81c33}.new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ffb81c66}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}