@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Manrope,sans-serif;background:linear-gradient(180deg,#fff,#f7f8fb);color:#1b1d25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d6dae3;border-radius:3px}::selection{background:#b8895a2e;color:#8a5d2f}textarea,input,select{font-family:Manrope,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}}.fade-in{animation:fadeIn .3s ease-out}.btn-primary{background:#b8895a;color:#fff;border:none;padding:8px 15px;border-radius:10px;font-weight:600;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:all .15s;font-family:Manrope,sans-serif}.btn-primary:hover{background:#a5754a}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:#1b1d25;border:1px solid #ececf1;padding:8px 15px;border-radius:10px;font-weight:600;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:all .15s;font-family:Manrope,sans-serif}.btn-secondary:hover{background:#f1f3f7;border-color:#d6dae3}.btn-ghost{background:none;border:none;color:#595f6e;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .15s;display:inline-flex;align-items:center;gap:4px;font-family:Manrope,sans-serif}.btn-ghost:hover{color:#1b1d25;background:#f1f3f7}.input-field{background:#fff;border:1px solid #ececf1;color:#1b1d25;padding:10px 14px;border-radius:10px;font-size:14px;width:100%;transition:border-color .15s;outline:none;font-family:Manrope,sans-serif}.input-field:focus{border-color:#b8895a}.input-field::placeholder{color:#9aa0ad}.textarea-field{background:#fff;border:1px solid #ececf1;color:#1b1d25;padding:12px 14px;border-radius:10px;font-size:14px;width:100%;min-height:100px;resize:vertical;outline:none;transition:border-color .15s;font-family:Manrope,sans-serif;line-height:1.6}.textarea-field:focus{border-color:#b8895a}.card{background:#fff;border:1px solid #ececf1;border-radius:16px;padding:20px;box-shadow:0 10px 34px #1c1e2812;transition:all .2s;cursor:pointer}.card:hover{border-color:#d6dae3;box-shadow:0 16px 40px #1c1e281a}.tag{background:#b8895a1a;color:#8a5d2f;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.cloud-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:16px;border:1px solid #ececf1;background:#fff;color:#595f6e;font-family:Manrope,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:#dcc7a8;color:#1b1d25}.cloud-tag .cnt{color:#9aa0ad;font-weight:600;font-size:11px}.cloud-tag.active{background:#b8895a1f;border-color:#b8895a;color:#8a5d2f}.cloud-tag.active .cnt{color:#b8895a}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:14px;background:#b8895a1f;border:1px solid #b8895a;color:#8a5d2f;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;white-space:nowrap}.filter-chip button{background:none;border:none;cursor:pointer;color:#8a5d2f;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(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}
