@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:JetBrains Mono,monospace;background:#0f1117;color:#e4e4e7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1e2230;border-radius:3px}::selection{background:#c4a88226;color:#c4a882}textarea,input,select{font-family:JetBrains Mono,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-out}.btn-primary{background:#c4a882;color:#0f1117;border:none;padding:7px 14px;border-radius:6px;font-weight:500;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;transition:all .15s;font-family:JetBrains Mono,monospace}.btn-primary:hover{background:#d1b894}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:#e4e4e7;border:1px solid #1e2230;padding:7px 14px;border-radius:6px;font-weight:500;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;transition:all .15s;font-family:JetBrains Mono,monospace}.btn-secondary:hover{background:#1a1e28;border-color:#262b38}.btn-ghost{background:none;border:none;color:#7d8194;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .15s;display:inline-flex;align-items:center;gap:4px;font-family:JetBrains Mono,monospace}.btn-ghost:hover{color:#e4e4e7;background:#1a1e28}.input-field{background:#0f1117;border:1px solid #1e2230;color:#e4e4e7;padding:10px 14px;border-radius:6px;font-size:13px;width:100%;transition:border-color .15s;outline:none;font-family:JetBrains Mono,monospace}.input-field:focus{border-color:#c4a882}.input-field::placeholder{color:#4e5268}.textarea-field{background:#0f1117;border:1px solid #1e2230;color:#e4e4e7;padding:12px 14px;border-radius:6px;font-size:13px;width:100%;min-height:100px;resize:vertical;outline:none;transition:border-color .15s;font-family:JetBrains Mono,monospace;line-height:1.6}.textarea-field:focus{border-color:#c4a882}.card{background:#151821b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(30,34,48,.6);border-radius:8px;padding:20px;transition:all .2s;cursor:pointer}.card:hover{border-color:#262b38;background:#1a1e28bf}.tag{background:#c4a88212;color:#c4a882;padding:2px 8px;border-radius:14px;font-size:10px;font-weight:500;letter-spacing:.5px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}@keyframes lumiBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes lumiPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes gentlePulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes lumiGlowInner{0%,to{transform:scale(.85);opacity:.25}50%{transform:scale(1.1);opacity:.5}}@keyframes lumiGlowOuter{0%,to{transform:scale(.9);opacity:.1}50%{transform:scale(1.2);opacity:.25}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lumiShimmer{0%{opacity:.3;width:80px}50%{opacity:.8;width:160px}to{opacity:.3;width:80px}}.lumi-breathe{animation:lumiBreathe 3s ease-in-out infinite}.lumi-pulse{animation:lumiPulse 1.5s ease-in-out infinite}.slide-in-right{animation:slideInRight .3s ease-out}.slide-in-up{animation:slideInUp .3s ease-out}@keyframes slideTransition{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes calloutFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes achievementSlideIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes achievementSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes levelUpEnter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes levelUpGlow{0%,to{text-shadow:0 0 8px rgba(196,168,130,.2)}50%{text-shadow:0 0 20px rgba(196,168,130,.5)}}@keyframes badgeGlow{0%,to{box-shadow:0 0 12px #c4a8821a}50%{box-shadow:0 0 24px #c4a88240}}@keyframes xpBarGlow{0%,to{box-shadow:none}50%{box-shadow:0 0 6px #c4a88266}}@keyframes shimmerText{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.achievement-toast-enter{animation:achievementSlideIn .4s cubic-bezier(.22,1,.36,1)}.level-up-enter{animation:levelUpEnter .4s cubic-bezier(.22,1,.36,1)}.level-up-glow{animation:levelUpGlow 2s ease-in-out infinite}.badge-glow{animation:badgeGlow 2s ease-in-out infinite}.xp-bar-glow{animation:xpBarGlow .8s ease-out}.shimmer-text{animation:shimmerText 1.5s ease-in-out infinite}@keyframes remixFanOut{0%{transform:scale(.7) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes remixGlow{0%{box-shadow:0 0 #c4a88200}50%{box-shadow:0 0 20px #c4a8824d;border-color:#c4a882}to{box-shadow:0 0 #c4a88200}}@keyframes briefingSlideDown{0%{max-height:0;opacity:0;overflow:hidden}to{max-height:40vh;opacity:1;overflow:auto}}@keyframes helpSlideTransition{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes milestoneEnter{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes milestoneGlow{0%,to{text-shadow:0 0 12px rgba(196,168,130,.2)}50%{text-shadow:0 0 28px rgba(196,168,130,.5)}}.milestone-enter{animation:milestoneEnter .5s cubic-bezier(.22,1,.36,1)}.milestone-glow{animation:milestoneGlow 2.5s ease-in-out infinite}
