.profile-settings-page{background:radial-gradient(circle at 0 0,#e0f2fe 0%,#0000 55%),radial-gradient(circle at 100% 100%,#fee2f2 0%,#0000 55%);max-width:600px;min-height:100vh;margin:0 auto;padding:40px 20px 60px;font-family:Arial,sans-serif}.page-header{text-align:center;margin-bottom:30px}.page-header h1{color:#fff}.page-header p{color:#ffffffe6}.basic-info-section,.interests-section,.visibility-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-bottom:30px;padding:20px}.basic-info-section h3,.interests-section h3,.visibility-section h3{color:#fff;margin-top:0}.form-group{margin-bottom:15px}.form-group input,.form-group textarea{color:#000;background:#ffffffe6;border:1px solid #ffffff4d;border-radius:4px;width:100%;padding:8px}.form-group textarea{height:80px}.add-interest{background:#0f172a66;border:2px dashed #60a5fae6;border-radius:10px;margin-bottom:15px;padding:10px;display:flex;box-shadow:0 10px 30px #0f172a66}.add-interest input{color:#000;background:#ffffffe6;border:1px solid #ffffff4d;border-radius:4px;flex:1;padding:8px}.add-interest button{color:#000;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;margin-left:10px;padding:8px 16px}.add-interest button:hover{background-color:#0056b3}ul{padding:0;list-style-type:none}ul li{color:#000;background:#ffffffe6;border:1px solid #eee;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:8px;display:flex}ul li button{color:#000;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;padding:4px 8px}ul li button:hover{background-color:#c82333}.setting-item{margin-bottom:15px}.setting-item label{cursor:pointer;color:#000;align-items:center;display:flex}.setting-item input{margin-right:10px}.setting-item p{color:#000;margin:5px 0 0 25px;font-size:.9em}.save-bar{text-align:center;margin-top:30px}.save-bar button{color:#000;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;padding:10px 20px;font-size:1em}.save-bar button:hover{background-color:#218838}.hero-container{background:radial-gradient(circle at 0 0,#e0f2fe 0%,#0000 55%),radial-gradient(circle at 100% 100%,#fee2f2 0%,#0000 55%);max-width:1100px;min-height:100vh;margin:auto;padding:40px 20px 60px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.primary-view,.stats-view{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px}.animation-scene{position:relative;overflow:hidden}.falling-badge{font-size:2rem;animation:2s ease-in-out infinite fallToCenter;position:absolute;top:-50px}.falling-badge:first-child{animation-delay:0s;left:20%}.falling-badge:nth-child(2){animation-delay:.5s;left:50%}.falling-badge:nth-child(3){animation-delay:1s;left:80%}.merging-core{font-size:3rem;animation:1s ease-out 2s forwards explodeCore;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fallToCenter{0%{opacity:1;transform:translateY(-100px)rotate(0)}50%{opacity:.8;transform:translateY(50px)rotate(180deg)}to{opacity:0;transform:translateY(0)rotate(360deg)}}@keyframes explodeCore{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.current-title-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#000;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px;box-shadow:0 8px 32px #0000001a}.big-number{color:#000;text-shadow:0 2px 4px #ffffff4d;margin:20px 0;font-size:2.5rem;font-weight:700}.submit-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);border:none;border-radius:25px;margin:15px 0;padding:12px 24px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #00f2fe4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.top-tracks{margin-top:20px}.top-tracks h3{color:#000;margin-bottom:10px;font-size:1.2rem}.top-tracks div{color:#000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;margin:5px 0;padding:8px;box-shadow:0 2px 8px #0000001a}.track-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px;box-shadow:0 8px 32px #0000001a}.track-stats h3{color:#000;text-shadow:0 2px 4px #ffffff4d;margin-bottom:15px;font-size:1.3rem}.track{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;margin:8px 0;padding:12px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.track:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.track-name,.track-points{color:#000;font-size:1.1rem;font-weight:700}.page-header{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:30px;padding:20px;box-shadow:0 8px 32px #0000001a}.page-header h1{color:#000;text-shadow:0 2px 4px #ffffff4d;margin:0 0 10px;font-size:2.5rem}.page-header p{color:#000;text-shadow:0 1px 2px #fff3;margin:0;font-size:1.1rem}.journal-container{background:radial-gradient(circle at 0 0,#e0f2fe 0%,#0000 55%),radial-gradient(circle at 100% 100%,#fee2f2 0%,#0000 55%);max-width:1100px;min-height:100vh;margin:auto;padding:40px 20px 60px}.journal-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px}.subtitle{opacity:.5;margin-top:5px;margin-bottom:25px}.label{opacity:.5;letter-spacing:1px;font-size:12px;font-weight:700}.big-number{color:#00f2fe;margin:10px 0;font-size:4rem}.category-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.category-chip{text-align:center;cursor:pointer;color:#000;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;padding:10px 20px;transition:all .3s;box-shadow:0 4px 15px #0000001a}.category-chip:hover{background:#fff3;transform:scale(1.05);box-shadow:0 6px 20px #00000026}.form-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:25px;padding:20px;box-shadow:0 8px 32px #0000001a}.form-group label{color:#000;margin-bottom:10px;font-weight:700;display:block}textarea{color:#000;resize:vertical;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;width:100%;padding:15px;font-size:16px;transition:all .3s;box-shadow:0 4px 15px #0000001a}textarea:focus{border-color:#00f2fe;box-shadow:0 0 0 3px #00f2fe33}.submit-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);border:none;border-radius:25px;padding:15px 30px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #00f2fe4d}.submit-btn:hover{transform:scale(1.02);box-shadow:0 6px 20px #00f2fe66}.journal-entry-card{color:#222;background:#fff;border:1px solid #00000012;border-radius:15px;margin-bottom:15px;padding:20px;transition:all .3s;box-shadow:0 8px 32px #0000001a}.journal-entry-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.entry-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.entry-date{opacity:.7;color:#000;font-size:12px}.entry-category{color:#0f172a;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);border-radius:12px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.entry-content{color:#222;overflow-wrap:anywhere;font-size:1.08rem;line-height:1.6}select{color:#000;background:#ffffffe6;border:1px solid #ffffff4d;border-radius:10px;width:100%;margin-bottom:15px;padding:15px;font-size:16px;transition:all .3s;box-shadow:0 4px 15px #0000001a}select:focus{border-color:#00f2fe;box-shadow:0 0 0 3px #00f2fe33}.journal-timeline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px;box-shadow:0 8px 32px #0000001a}.journal-timeline p{color:#000;text-align:center;opacity:.7}