@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,300;1,6..72,400&family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:ital,wght@0,400;0,500;1,400&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Hanken Grotesk,sans-serif;background:linear-gradient(180deg,#fcfbf7,#f4f1ea);color:#1c1813;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d8d0c2;border-radius:3px}::selection{background:#b0883e2e;color:#785a18}textarea,input,select{font-family:Hanken Grotesk,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes lumiSpeechIn{0%{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:none}}:root{--lumi-ease: cubic-bezier(.22, .9, .3, 1.1)}@keyframes atl-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes atl-glow{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:.9;transform:scale(1.15)}}@keyframes atl-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes atl-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes xpFloat{0%{opacity:0;transform:translateY(10px) scale(.85)}22%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-36px) scale(.82)}}@keyframes chipPulse{0%{box-shadow:0 0 #b0883e80}to{box-shadow:0 0 0 9px #b0883e00}}@keyframes levelShimmer{0%,to{box-shadow:0 0 #b0883e00}50%{box-shadow:0 0 14px 2px #b0883e8c}}.fade-in{animation:fadeIn .3s ease-out}.btn-primary{background:#b0883e;color:#fff;border:none;padding:8px 15px;border-radius:9px;font-weight:600;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:all .15s;font-family:Hanken Grotesk,sans-serif;box-shadow:0 6px 16px -8px #b0883e}.btn-primary:hover{background:#957229}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:#fcfbf7;color:#1c1813;border:1px solid #ddd4c4;padding:8px 15px;border-radius:9px;font-weight:600;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:all .15s;font-family:Hanken Grotesk,sans-serif}.btn-secondary:hover{background:#efebe1;border-color:#d6cfbe}.btn-ghost{background:none;border:none;color:#6b6052;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .15s;display:inline-flex;align-items:center;gap:4px;font-family:Hanken Grotesk,sans-serif}.btn-ghost:hover{color:#1c1813;background:#efebe1}.input-field{background:#fff;border:1px solid #ddd4c4;color:#1c1813;padding:10px 14px;border-radius:10px;font-size:14px;width:100%;transition:border-color .15s,box-shadow .15s;outline:none;font-family:Hanken Grotesk,sans-serif}.input-field:focus{border-color:#b0883e;box-shadow:0 0 0 3px #b0883e24}.input-field::placeholder{color:#9a9082}.textarea-field{background:#fff;border:1px solid #ddd4c4;color:#1c1813;padding:12px 14px;border-radius:10px;font-size:14px;width:100%;min-height:100px;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s;font-family:Hanken Grotesk,sans-serif;line-height:1.6}.textarea-field:focus{border-color:#b0883e;box-shadow:0 0 0 3px #b0883e24}.card{background:#fcfbf7;border:1px solid #e3dccd;border-radius:16px;padding:20px;box-shadow:0 10px 34px #1c18130f;transition:all .2s;cursor:pointer}.card:hover{border-color:#d6cfbe;box-shadow:0 16px 40px #1c18131a}.tag{background:#b0883e24;color:#785a18;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.3px}.cloud-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid #e3dccd;background:#fcfbf7;color:#6b6052;font-family:Hanken Grotesk,sans-serif;font-size:12px;font-weight:500;letter-spacing:.2px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.cloud-tag:hover{border-color:#d6cfbe;color:#1c1813}.cloud-tag .cnt{color:#9a9082;font-weight:600;font-size:11px}.cloud-tag.active{background:#b0883e24;border-color:#b0883e;color:#785a18}.cloud-tag.active .cnt{color:#b0883e}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:999px;background:#b0883e24;border:1px solid #b0883e;color:#785a18;font-family:Hanken Grotesk,sans-serif;font-size:12px;font-weight:600;white-space:nowrap}.filter-chip button{background:none;border:none;cursor:pointer;color:#785a18;font-size:14px;line-height:1;padding:0 2px}.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(176,136,62,.2)}50%{text-shadow:0 0 20px rgba(176,136,62,.5)}}@keyframes badgeGlow{0%,to{box-shadow:0 0 12px #b0883e1a}50%{box-shadow:0 0 24px #b0883e40}}@keyframes xpBarGlow{0%,to{box-shadow:none}50%{box-shadow:0 0 6px #b0883e66}}@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 #b0883e00}50%{box-shadow:0 0 20px #b0883e4d;border-color:#b0883e}to{box-shadow:0 0 #b0883e00}}@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(176,136,62,.2)}50%{text-shadow:0 0 28px rgba(176,136,62,.5)}}.milestone-enter{animation:milestoneEnter .5s cubic-bezier(.22,1,.36,1)}.milestone-glow{animation:milestoneGlow 2.5s ease-in-out infinite}