:root{--bg-dark:#0a0b10;--bg-panel:#14162099;--panel-border:#ffffff14;--text-primary:#fff;--text-secondary:#9499ab;--accent-blue:#3a86ff;--accent-purple:#8338ec;--accent-gold:#ffbe0b;--accent-green:#06d6a0;--accent-red:#ff006e;--glow-primary:0 0 20px #3a86ff80;--glow-massive:0 0 30px #ff006e99;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}.bg-orb{filter:blur(100px);z-index:-1;border-radius:50%;position:absolute}.orb-1{background:var(--accent-purple);opacity:.2;width:500px;height:500px;top:-100px;left:-100px}.orb-2{background:var(--accent-blue);opacity:.15;width:600px;height:600px;bottom:-200px;right:-200px}.app-container{z-index:10;grid-template-columns:1fr 1fr;gap:3rem;width:100%;max-width:1500px;margin:4rem auto;padding:2rem;display:grid}.glass-panel{background:var(--bg-panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;box-shadow:0 24px 40px #0006}.panel-title{text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:.85rem}.profile-panel{flex-direction:column;display:flex}.rank-display{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;margin-bottom:3rem;display:flex}.rank-icon-container{justify-content:center;align-items:center;width:180px;height:180px;margin-bottom:1.5rem;display:flex;position:relative}.rank-icon-placeholder{border:2px solid var(--accent-blue);color:#fff;z-index:2;background:linear-gradient(135deg,#1e2130,#2a2e46);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-family:Outfit,sans-serif;font-size:3rem;font-weight:900;transition:transform .3s;display:flex;box-shadow:inset 0 0 30px #00000080}.glow-ring{background:radial-gradient(circle, var(--accent-blue) 0%, transparent 60%);opacity:.3;z-index:1;border-radius:50%;animation:4s infinite alternate pulseGlow;position:absolute;inset:-10%}@keyframes pulseGlow{0%{opacity:.2;transform:scale(.9)}to{opacity:.4;transform:scale(1.1)}}.rank-title{letter-spacing:-1px;margin-bottom:.25rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:900}.rank-subtitle{color:var(--text-secondary);font-size:1.1rem}.xp-section{width:100%}.xp-header{justify-content:space-between;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-weight:700;display:flex}.xp-current{color:var(--accent-blue);font-size:1.2rem}.xp-target{color:var(--text-secondary);font-size:1.2rem}.progress-track{background:#0006;border:1px solid #ffffff0d;border-radius:8px;width:100%;height:16px;margin-bottom:.5rem;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-blue), #5eb1ff);width:0%;height:100%;box-shadow:var(--glow-primary);border-radius:8px;transition:width 1s cubic-bezier(.1,.7,.1,1);position:relative}.xp-remaining{color:var(--text-secondary);text-align:right;font-size:.85rem}.action-card{background:#0003;border:1px solid #ffffff08;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.action-card h3{margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.action-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.85rem}.action-form{gap:1rem;display:flex}input[type=number]{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .2s}input[type=number]:focus{border-color:var(--accent-blue);box-shadow:0 0 10px #3a86ff33}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;font-family:Outfit,sans-serif;font-weight:700;transition:all .2s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-blue);color:#fff;padding:.75rem 1.5rem;box-shadow:0 4px 15px #3a86ff4d}.btn-primary:hover{box-shadow:var(--glow-primary);background:#5eb1ff}.quick-actions-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.btn-secondary{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;padding:.75rem;font-size:.8rem}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.divider{background:#ffffff1a;border:0;height:1px;margin:1.5rem 0}.btn-massive{background:linear-gradient(135deg, var(--accent-red), #ff4d94);color:#fff;border-radius:12px;width:100%;padding:1.25rem;font-size:1.2rem;position:relative;overflow:hidden;box-shadow:0 8px 25px #ff006e66}.btn-massive:hover{box-shadow:var(--glow-massive);transform:translateY(-2px)}.history-container h3{text-transform:uppercase;color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.history-list{max-height:200px;padding-right:.5rem;list-style:none;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:#0000001a}.history-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.history-item{background:#0003;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;font-size:.9rem;animation:.3s ease-out forwards slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.history-xp{color:var(--accent-green);font-family:Outfit,sans-serif;font-weight:700}.history-desc{color:var(--text-primary);opacity:.9}.xp-badge{color:var(--accent-green);vertical-align:middle;background:#06d6a026;border-radius:4px;margin-left:.4rem;padding:.15rem .4rem;font-size:.75rem;font-weight:800;display:inline-block}.massive-badge{color:#fff;background:#fff3;border-radius:6px;margin-left:.75rem;padding:.25rem .75rem;font-size:1rem;animation:1.5s infinite alternate pulseGlow}.profile-layout{gap:2.5rem;width:100%;display:flex}.rank-ladder-container{background:#00000026;border:1px solid #ffffff08;border-radius:16px;flex:0 0 250px;padding:1.2rem}.profile-main-stats{flex-direction:column;flex:1;display:flex}.ladder-title{text-transform:uppercase;color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.rank-ladder{flex-direction:column;gap:.5rem;list-style:none;display:flex}.tier-group{flex-direction:column;display:flex}.tier-header{cursor:pointer;background:#ffffff0d;border-radius:6px;justify-content:space-between;padding:.5rem .75rem;font-size:.9rem;font-weight:700;transition:background .2s;display:flex}.tier-header:hover{background:#ffffff1a}.tier-sublist{flex-direction:column-reverse;gap:.25rem;margin-top:.5rem;margin-bottom:.5rem;padding-left:.5rem;list-style:none}.ladder-item{color:var(--text-secondary);background:#ffffff05;border-left:2px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:.35rem .6rem;font-size:.85rem;transition:all .3s;display:flex}.ladder-item.past{opacity:.5;cursor:pointer}.ladder-item.past:hover{background:#ffffff0f}.ladder-item.current{color:#fff;border-left-color:var(--accent-blue);cursor:pointer;background:#3a86ff26;font-weight:700;box-shadow:0 0 15px #3a86ff33}.ladder-item.future{color:var(--text-secondary)}@keyframes rankCelebrate{0%{transform:scale(1);box-shadow:0 0 #ffd70000}30%{color:#fff;background:#ffd70033;border-left-color:gold;transform:scale(1.05);box-shadow:0 0 25px #ffd700cc}70%{transform:scale(1.02);box-shadow:0 0 10px #ffd70066}to{transform:scale(1);box-shadow:0 0 #ffd70000}}.rank-celebrate{z-index:10;animation:.8s cubic-bezier(.25,.46,.45,.94) rankCelebrate;position:relative}.milestone-edit-card{border:1px solid var(--accent-blue);background:#ffffff0d;border-radius:12px;flex-direction:column;gap:.8rem;padding:1rem;animation:.3s fadeIn;display:flex}.milestone-edit-card input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:.5rem;font-size:.9rem}.milestone-edit-card input:focus{border-color:var(--accent-blue)}.edit-actions{gap:.5rem;display:flex}.edit-actions button{flex:1;padding:.4rem;font-size:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}#onboarding-note{animation:.5s cubic-bezier(.175,.885,.32,1.275) slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-icon:hover{transform:scale(1.05);background:#fff3!important}.btn-massive:active{transform:scale(.98)}.edit-trigger{color:var(--text-secondary);cursor:pointer;opacity:0;z-index:5;background:#ffffff1a;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:all .2s;display:flex;position:absolute;top:5px;right:5px}.action-card:hover .edit-trigger,.quick-actions-grid div:hover .edit-trigger,#massive-milestone-root:hover .edit-trigger{opacity:1}.edit-trigger:hover{background:var(--accent-blue);color:#fff}@media (width<=1000px){.app-container{grid-template-columns:1fr;gap:1.5rem;margin:1rem auto;padding:1rem}.glass-panel{border-radius:16px;padding:1.5rem}.profile-layout{flex-direction:column;align-items:center;gap:2rem}.rank-ladder-container{border-bottom:1px solid #ffffff0d;border-right:none;order:2;width:100%;max-height:200px;margin-bottom:2rem;margin-right:0;padding-bottom:1rem}.profile-main-stats{order:1;width:100%}.rank-display{margin-bottom:1.5rem}.rank-icon-container{width:140px;height:140px}.rank-title{font-size:2rem}.xp-header{font-size:1.1rem}.quick-actions-grid{grid-template-columns:1fr}#toggle-actions-btn{width:50px;height:50px;font-size:1.2rem;bottom:20px;right:20px}#settings-btn{top:15px;left:15px}.history-container{padding:1rem}.history-item{padding:.6rem;font-size:.85rem}}@media (width<=480px){.panel-title{margin-bottom:1rem;font-size:.75rem}.btn{padding:.8rem 1rem;font-size:.9rem}.xp-remaining{font-size:.75rem}}