*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;min-height:100vh}.app{max-width:800px;margin:0 auto;padding:20px;text-align:center}.app-header{position:fixed;top:20px;right:20px;z-index:1000}.signup-login-container{position:fixed;top:5%;left:74%;z-index:1000}.signup-login-btn{background:linear-gradient(135deg,#000,#1a1a1a);color:#b8860b;border:2px solid #B8860B;padding:9px 19px;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #b8860b66;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.signup-login-btn:hover{background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border-color:#daa520;transform:translateY(-3px);box-shadow:0 8px 20px #b8860b99}.signup-login-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #b8860b66}height: auto; margin-bottom: 20px; filter: drop-shadow(0 4px 8px rgba(0,0,0,.3)); } .profile-page .logo{width:300px;display:block;margin:0 auto;text-align:center}.set-avatar-btn{background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #b8860b4d}.set-avatar-btn:hover{background:linear-gradient(135deg,#daa520,#b8860b);transform:translateY(-2px);box-shadow:0 6px 16px #b8860b66}.avatar-setup-screen{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center}.avatar-setup-logo{width:300px;height:300px;margin-bottom:30px}.avatar-setup-title{font-size:2.5rem;font-weight:700;color:#b8860b;margin-bottom:10px;text-align:center}.avatar-setup-subtitle{font-size:1.1rem;color:#8e8e93;margin-bottom:40px;text-align:center}.avatar-preview-section{margin-bottom:40px}.avatar-preview-circle{width:120px;height:120px;border-radius:50%;border:3px solid #B8860B;display:flex;align-items:center;justify-content:center;background:#2c2c2e;margin:0 auto}.avatar-preview-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-preview-emoji{font-size:4rem}.avatar-setup-options{width:100%;max-width:500px}.upload-photo-section{text-align:center;margin-bottom:30px}.preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#8e8e93;font-size:18px;font-weight:500}.upload-photo-btn{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block}.upload-photo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007aff4d}.or-divider{text-align:center;margin:30px 0;position:relative}.or-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#3a3a3c}.or-divider span{background:#1a1a1a;padding:0 20px;color:#8e8e93;font-weight:600}.emoji-selection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:40px}.emoji-choice-btn{width:60px;height:60px;border:2px solid #3A3A3C;border-radius:12px;background:#2c2c2e;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.emoji-choice-btn:hover{border-color:#b8860b;transform:scale(1.1)}.emoji-choice-btn.selected{border-color:#b8860b;background:#b8860b33;box-shadow:0 0 20px #b8860b4d}.avatar-setup-actions{text-align:center}.skip-avatar-btn{background:transparent;color:#8e8e93;border:1px solid #3A3A3C;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.skip-avatar-btn:hover{color:#fff;border-color:#8e8e93}.avatar-display-section{display:flex;flex-direction:column;align-items:center;gap:15px}.current-avatar-clickable{width:100px;height:100px;border-radius:50%;border:3px solid #B8860B;display:flex;align-items:center;justify-content:center;background:#2c2c2e;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.current-avatar-clickable:hover{transform:scale(1.05);box-shadow:0 8px 25px #b8860b4d}.current-avatar-clickable:hover .avatar-edit-overlay{opacity:1}.avatar-display-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-display-emoji{font-size:3rem}.avatar-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;color:#b8860b;font-size:.9rem;font-weight:600;opacity:0;transition:opacity .3s ease;border-radius:50%}.avatar-help-text{color:#8e8e93;font-size:.9rem;text-align:center;margin:0}.avatar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.avatar-modal{background:#1c1c1e;border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;border:2px solid #B8860B}.avatar-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.avatar-modal-header h3{color:#b8860b;margin:0;font-size:20px}.avatar-modal-close{background:none;border:none;color:#8e8e93;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.avatar-modal-close:hover{color:#b8860b}.avatar-modal-content{display:flex;flex-direction:column;gap:24px}.avatar-upload-section{text-align:center}.avatar-upload-section h4{color:#fff;margin:0 0 16px;font-size:16px}.avatar-upload-btn{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block}.avatar-upload-btn:hover{background:linear-gradient(135deg,#0056cc,#007aff);transform:translateY(-1px)}.avatar-divider{text-align:center;position:relative;margin:16px 0}.avatar-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#3a3a3c}.avatar-divider span{background:#1c1c1e;color:#8e8e93;padding:0 16px;font-size:14px;font-weight:500}.avatar-emoji-section h4{color:#fff;margin:0 0 16px;font-size:16px;text-align:center}.avatar-emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-height:200px;overflow-y:auto}.avatar-emoji-option{background:#2c2c2e;border:2px solid transparent;border-radius:12px;padding:16px;font-size:24px;cursor:pointer;transition:all .3s ease;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.avatar-emoji-option:hover{background:#3a3a3c;border-color:#b8860b;transform:scale(1.05)}.avatar-emoji-option.selected{background:#b8860b;border-color:#daa520;transform:scale(1.1);height:auto;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.main-title{font-size:2.2rem;font-weight:700;color:#b8860b;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.header-stats{margin-bottom:30px}.rank-badge{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:20px;max-width:fit-content;margin-left:auto;margin-right:auto}.rank-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:4px}.rank-description{font-size:.8rem;color:#ccc}.stats-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-icon{font-size:1.2rem}.stat-content{text-align:left}.stat-number{font-size:1.2rem;font-weight:700;color:#b8860b;display:block}.stat-label{font-size:.8rem;color:#ccc}.progress-overview{margin-bottom:40px}.main-progress-ring{position:relative;display:inline-block;margin:0 auto}.progress-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-number{font-size:1.8rem;font-weight:700;color:#b8860b}.progress-label{font-size:.7rem;color:#b8860b;letter-spacing:1px}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:40px}.pillar-card-new{background:#ffffff14;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.pillar-card-new:hover{background:#ffffff1f;transform:translateY(-2px)}.pillar-header-new{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pillar-icon-new{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.pillar-title-new{font-size:1.2rem;font-weight:600;color:#fff;flex:1;text-align:left;margin-left:15px}.pillar-progress-ring{flex-shrink:0}.challenge-selector{margin-bottom:20px}.challenge-dropdown{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;color:#fff;font-size:.9rem;cursor:pointer}.challenge-dropdown:focus{outline:none;border-color:#b8860b;background:#ffffff26}.challenge-dropdown option{background:#2d2d2d;color:#fff}.complete-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.complete-checkbox input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #B8860B;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.complete-checkbox input:checked+.checkbox-custom{background:#b8860b}.complete-checkbox input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-weight:700;font-size:14px}.checkbox-label{color:#ccc;font-size:.9rem}.navigation-section{margin-top:50px}.navigation-section h2{color:#b8860b;margin-bottom:25px;font-size:1.5rem}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.nav-card{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;text-align:center}.nav-card:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#b8860b}.nav-icon{font-size:2rem;margin-bottom:10px}.nav-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:5px}.nav-subtitle{font-size:.8rem;color:#ccc}.budget-setup-page,.budget-recommendations-page,.budget-tracker-page{padding:20px;max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a)}.budget-logo{width:300px;height:auto;display:block;margin:0 auto 20px;filter:drop-shadow(0 0 20px rgba(184,134,11,.5))}.budget-title{text-align:center;font-size:2.5rem;font-weight:700;color:#b8860b;margin-bottom:10px;text-shadow:0 0 20px rgba(184,134,11,.3)}.budget-subtitle{text-align:center;font-size:1.1rem;color:#8e8e93;margin-bottom:40px}.budget-setup-grid{max-width:800px;margin:0 auto}.budget-input-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;padding:30px;border:1px solid rgba(184,134,11,.2);box-shadow:0 8px 32px #0000004d}.section-title{color:#b8860b;font-size:1.5rem;margin-bottom:20px;text-align:center}.budget-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.budget-form-group{display:flex;flex-direction:column}.budget-form-group label{color:#fff;font-weight:600;margin-bottom:8px;font-size:1rem}.budget-input{padding:12px 16px;border:2px solid #2C2C2E;border-radius:12px;background:#1c1c1e;color:#fff;font-size:1rem;transition:all .3s ease}.budget-input:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.budget-continue-btn{background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:block;margin:40px auto 20px;min-width:200px}.budget-continue-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #b8860b4d}.budget-continue-btn:disabled{opacity:.5;cursor:not-allowed}.budget-back-btn{background:linear-gradient(135deg,#b8860b,#daa520,#b8860b);color:#000;border:none;padding:16px 32px;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;margin-top:20px;transition:all .3s ease;box-shadow:0 4px 15px #b8860b4d;text-transform:uppercase;letter-spacing:1px}.budget-back-btn:hover{background:linear-gradient(135deg,#daa520,gold,#daa520);transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}.edit-plan-section{display:flex;justify-content:center;margin-bottom:20px}.edit-plan-btn{background:linear-gradient(135deg,#333,#555);color:#b8860b;border:1px solid #B8860B;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.edit-plan-btn:hover{background:linear-gradient(135deg,#b8860b,#daa520);color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #b8860b4d}.budget-balance-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;padding:24px;margin-bottom:30px;border:1px solid rgba(184,134,11,.2);box-shadow:0 8px 32px #0000004d}.balance-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:15px}.balance-item{display:flex;justify-content:space-between;align-items:center}.balance-label{color:#8e8e93;font-weight:500}.balance-amount{font-weight:700;font-size:1.2rem}.balance-amount.income{color:#4caf50}.balance-amount.budget{color:#2196f3}.balance-amount.positive{color:#4caf50}.balance-amount.negative{color:#ff453a}.balance-warning{text-align:center;padding:12px;border-radius:8px;background:#ff98001a;color:#ff9800;font-weight:500}.budget-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:40px}.budget-category-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;padding:20px;border:1px solid rgba(184,134,11,.1);transition:all .3s ease}.budget-category-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#b8860b4d}.category-header{display:flex;align-items:flex-start;margin-bottom:15px}.category-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:15px;flex-shrink:0}.category-info{flex:1}.category-name{color:#fff;font-size:1.2rem;margin:0 0 5px}.category-description{color:#8e8e93;font-size:.9rem;margin:0 0 5px;line-height:1.4}.category-percentage{color:#b8860b;font-weight:500}.category-amount-input{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:12px;color:#8e8e93;font-weight:700;z-index:1}.amount-input{width:100%;padding:12px 16px 12px 28px;border:2px solid #2C2C2E;border-radius:12px;background:#1c1c1e;color:#fff;font-size:1.1rem;font-weight:700;transition:all .3s ease;position:relative}.amount-input:before{content:"$";position:absolute;right:100px;top:50%;transform:translateY(-50%);color:#b8860b;font-weight:700;pointer-events:none}.amount-input:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.recommendations-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.budget-overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.overview-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;padding:24px;border:1px solid rgba(184,134,11,.1);transition:all .3s ease;position:relative;overflow:hidden}.overview-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#b8860b4d}.overview-card.income-card{border-color:#4caf504d}.overview-card.spent-card{border-color:#ff98004d}.overview-card.remaining-card{border-color:#2196f34d}.card-icon{font-size:2rem;margin-bottom:12px;display:flex;justify-content:center;align-items:center;width:100%}.card-content{text-align:center}.card-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:8px}.card-label{color:#8e8e93;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.card-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff1a}.progress-fill{height:100%;background:linear-gradient(90deg,#b8860b,#daa520);transition:width .5s ease}.budget-tracker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;margin-bottom:40px}.budget-tracker-tile{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;padding:24px;border:2px solid rgba(184,134,11,.1);transition:all .3s ease;text-align:center}.budget-tracker-tile:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.budget-tracker-tile.good{border-color:#4caf5066}.budget-tracker-tile.warning{border-color:#ff980066}.budget-tracker-tile.over{border-color:#f4433666}.tile-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.tile-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:12px}.tile-title{color:#fff;font-size:1.1rem;margin:0}.progress-ring-container{position:relative;display:flex;justify-content:center;margin-bottom:20px}.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.ring-percentage{font-size:1.2rem;font-weight:700;color:#fff}.tile-amounts{display:flex;flex-direction:column;gap:8px}.amount-row{display:flex;justify-content:space-between;align-items:center}.amount-label{color:#8e8e93;font-size:.9rem}.amount-value{font-weight:700;font-size:1rem}.amount-value.spent{color:#ff9800}.amount-value.budget{color:#2196f3}.amount-value.positive{color:#4caf50}.amount-value.negative{color:#ff453a}.add-expense-fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #b8860b4d;transition:all .3s ease;z-index:1000}.add-expense-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 35px #b8860b66}.recent-expenses-section{margin-top:40px}.recent-expenses-section h2{color:#b8860b;text-align:center;margin-bottom:20px}.expenses-list{display:flex;flex-direction:column;gap:12px}.expense-item{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;padding:16px;display:flex;align-items:center;border:1px solid rgba(184,134,11,.1);transition:all .3s ease}.expense-item:hover{border-color:#b8860b4d;transform:translate(4px)}.expense-icon{font-size:1.5rem;margin-right:16px}.expense-details{flex:1}.expense-description{color:#fff;font-weight:500;margin-bottom:4px}.expense-meta{color:#8e8e93;font-size:.9rem}.expense-amount{color:#b8860b;font-weight:700;font-size:1.1rem}.expense-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.expense-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;padding:30px;max-width:500px;width:100%;border:1px solid rgba(184,134,11,.2);box-shadow:0 20px 60px #00000080}.modal-header h3{color:#b8860b;margin:0;font-size:1.5rem}.modal-close{background:none;border:none;color:#8e8e93;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#fff}.expense-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#fff;font-weight:600;margin-bottom:8px}.expense-input,.expense-select{padding:12px 16px;border:2px solid #2C2C2E;border-radius:12px;background:#1c1c1e;color:#fff;font-size:1rem;transition:all .3s ease}.expense-input:focus,.expense-select:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.expense-select option{background:#1c1c1e;color:#fff}.add-expense-btn{background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:none;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px}.add-expense-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #b8860b4d}.add-expense-top-right-screen{position:fixed;top:20px;right:20px;background:#000;color:#b8860b;border:none;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;z-index:1000;box-shadow:0 2px 8px #b8860b66;transition:all .3s ease}.add-expense-top-right-screen:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #b8860b80}@media (max-width: 768px){.budget-setup-page,.budget-recommendations-page,.budget-tracker-page{padding:15px}.budget-title{font-size:2rem}.budget-form-grid,.budget-categories-grid,.budget-overview-cards,.budget-tracker-grid{grid-template-columns:1fr}.add-expense-fab{bottom:20px;right:20px;width:50px;height:50px;font-size:1rem}.expense-modal{margin:10px;padding:20px}.recommendations-actions{flex-direction:column;align-items:center}}.calendar-view{max-width:800px;margin:0 auto;color:#fff;padding:15px 10px 40px;flex-direction:column;align-items:center;text-align:center}.calendar-logo{width:300px;height:auto;margin:0 auto 30px}.calendar-title{font-size:2rem;font-weight:700;color:#b8860b;text-align:center;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.calendar-header{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:30px}.calendar-nav-btn{background:#b8860b33;border:2px solid #B8860B;color:#b8860b;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.calendar-nav-btn:hover{background:#b8860b;color:#000;transform:scale(1.1)}.calendar-month-year{font-size:1.8rem;font-weight:700;color:#fff;min-width:250px;text-align:center}.calendar-container{width:412px;max-width:460px;border-radius:20px;padding:20px;max-width:100%;overflow-x:auto;max-width:600px;margin:20px auto 30px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);width:412px;margin-bottom:8px;width:420px;margin-left:auto;margin-right:auto}.calendar-weekday{width:calc(412px / 7);font-size:10px;color:#b8860b;font-size:.9rem;padding:10px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);width:412px}.calendar-grid-rings{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:100%;justify-items:center;gap:8px;width:420px;margin:0 auto}.calendar-day-cell-rings{aspect-ratio:1;width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:5px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08);position:relative}.calendar-day-rings{height:100%;align-items:center;justify-content:flex-start;position:relative;transition:all .3s ease;cursor:pointer;padding:8px}.calendar-day-rings:hover{transform:scale(1.05)}.calendar-day-rings.today .calendar-day-cell-rings{border:2px solid #B8860B}.calendar-day-rings.empty{background:transparent}.activity-rings{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:auto}position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; } .day-number-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-size:1rem;font-weight:700;z-index:10}.calendar-day-cell{aspect-ratio:1;min-height:45px;min-width:45px;display:flex;justify-content:center;align-items:center}.calendar-day{width:calc(412px / 7);height:calc(412px / 7);background:#ffffff14;border-radius:12px;max-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.calendar-day:hover{background:#ffffff1f;transform:translateY(-2px)}.calendar-day.today{border:2px solid #B8860B;background:#b8860b26}.calendar-day.completed{background:#b8860b33;border:2px solid #B8860B}.calendar-day.empty{background:transparent;border:none}.day-number{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:5px}.completion-indicator{position:absolute;top:5px;right:5px}.activity-indicators{display:flex;gap:3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.activity-dot{width:6px;height:6px;border-radius:50%}.fasting-dot{background:#ff453a}.pomodoro-dot{background:#007aff}.sleep-dot{background:#8a2be2}.calendar-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.calendar-stat-card{background:#ffffff14;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:15px;transition:all .3s ease}.calendar-stat-card:hover{background:#ffffff1f;transform:translateY(-2px)}.calendar-stat-card .stat-icon{font-size:2rem}.calendar-stat-card .stat-content{text-align:left}.calendar-stat-card .stat-number{font-size:1.8rem;font-weight:700;color:#b8860b;display:block}.calendar-stat-card .stat-label{font-size:.9rem;color:#ccc}.calendar-legend{background:#ffffff0d;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1);max-width:500px;margin:30px auto}.calendar-legend h3{color:#b8860b;margin-bottom:15px;font-size:1.2rem}.legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.legend-items-rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.legend-item-rings{display:flex;align-items:center;gap:12px;color:#ccc;font-size:.9rem}.calendar-legend-section{margin:20px 0;padding:20px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legend-title{color:#b8860b;font-size:18px;font-weight:600;margin-bottom:15px;text-align:center}.legend-items-vertical{display:flex;flex-direction:column;gap:12px}.legend-item-vertical{display:flex;align-items:center;gap:12px;padding:8px 0}.legend-item-vertical span{color:#ffffffe6;font-size:14px;font-weight:500}.legend-ring{width:16px;height:16px;border:3px solid;border-radius:50%;flex-shrink:0}.legend-checkmark{flex-shrink:0}.legend-item{display:flex;align-items:center;gap:10px;color:#ccc;font-size:.9rem}.legend-indicator{flex-shrink:0}.calendar-back-btn{background:#b8860b33;border:2px solid #B8860B;color:#b8860b;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.calendar-back-btn:hover{background:#b8860b;color:#000;transform:translateY(-2px)}.step-tracker-logo-container{flex-direction:column;width:100%;display:flex;align-items:center;justify-content:center;padding:20px 0 10px}.step-tracker-logo{width:300px;height:300px;object-fit:contain}.step-tracker-app{background:#000;color:#fff;width:250px;height:250px;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;justify-content:flex-start;padding:20px;max-width:100%;margin:0 auto}.step-header-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 10px;background:#000;margin:0 auto;width:100%;max-width:400px}.step-back-btn{background:none;border:none;color:#daa520;font-size:24px;cursor:pointer;padding:8px;margin-left:0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.step-tabs-container{display:flex;gap:0;background:#1c1c1e;border-radius:8px;padding:2px;position:absolute;left:50%;transform:translate(-50%)}.step-tab-btn{background:none;border:none;color:#8e8e93;padding:8px 16px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.step-tab-btn.active{background:#b8860b;color:#000}.step-add-btn{background:#1c1c1e;border:none;color:#b8860b;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.step-day-view{padding:20px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}text-align: center; .step-circle-section{display:flex;justify-content:center;margin:40px 0;width:100%}.step-circle-wrapper{position:relative;width:280px;height:280px}.step-progress-svg{width:100%;height:100%}.step-progress-ring{transition:stroke-dashoffset .8s ease-in-out;filter:drop-shadow(0 0 10px rgba(184,134,11,.5))}.step-circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.step-today-label{color:#b8860b;font-size:16px;font-weight:500;margin-bottom:8px}.step-count-large{color:#fff;font-size:48px;font-weight:700;line-height:1;margin-bottom:4px}.step-goal-text{color:#8e8e93;font-size:14px;margin-bottom:16px}.step-app-badge{display:flex;justify-content:center}.kingsmen-badge{background:#b8860b;color:#000;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.step-metrics-grid{display:flex;flex-direction:column;gap:16px;margin:30px 0;align-items:center;text-align:center;width:100%;max-width:300px}.step-metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.step-metric-card{background:#1c1c1e;border-radius:12px;padding:16px 12px;text-align:center;border:1px solid #2C2C2E}.metric-icon{font-size:16px;margin-bottom:4px}.metric-value{color:#b8860b;font-size:18px;font-weight:700;margin-bottom:2px}.metric-label{color:#8e8e93;font-size:12px;font-weight:500}.step-daily-chart-section{margin:30px 0;display:flex;flex-direction:column;align-items:center;width:100%;max-width:350px}.step-chart-header{margin-bottom:16px}.step-chart-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.step-bar-chart-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}.step-bar-day-label{text-align:center;color:#8e8e93;font-size:12px;font-weight:600;padding:4px}.step-bar-day-label.today{background:#b8860b;color:#000;border-radius:12px}.step-bar-chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:140px;padding:0 4px}.step-bar-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:40px}.step-count-above{font-size:10px;color:#8e8e93;margin-bottom:4px;height:12px;text-align:center}.step-bar{width:24px;background:#2c2c2e;border-radius:12px;position:relative;min-height:4px}.step-bar-fill{width:100%;height:100%;background:#b8860b;border-radius:12px}.step-bar.today-bar .step-bar-fill{background:#b8860b;box-shadow:0 0 8px #b8860b80}.step-bar.goal-met .step-bar-fill{background:linear-gradient(135deg,#b8860b,gold);margin:0 10px}.step-bar.goal-met .step-count-above{color:#b8860b;font-weight:600}.step-week-view{padding:20px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.week-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;width:100%;max-width:350px}.week-total-display{text-align:left}.week-total-number{color:#fff;font-size:36px;font-weight:700;line-height:1}.week-total-label{color:#8e8e93;font-size:14px;margin-top:4px}.week-average-badge{background:#1c1c1e;border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:6px}.avg-label{color:#8e8e93;font-size:12px;font-weight:600}.avg-number{color:#fff;font-size:16px;font-weight:700}.avg-icon{color:#b8860b;font-size:14px}.week-day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px;width:100%;max-width:350px}.week-day-header{text-align:center;color:#8e8e93;font-size:12px;font-weight:600;padding:4px}.week-bars-section{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;width:280px;height:280px;margin-bottom:30px;width:100%;max-width:350px}.week-bar-container{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:end}.goal-star-badge{color:#b8860b;font-size:16px;margin-bottom:4px}.week-step-number{color:#fff;font-size:12px;font-weight:600;margin-bottom:8px;text-align:center}.week-bar{width:32px;background:#b8860b;border-radius:16px;position:relative;min-height:20px}.week-bar.goal-achieved{background:#00d4aa}.bar-fill-inner{width:100%;height:100%;border-radius:16px;background:inherit}.add-steps-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.add-steps-modal{background:#1c1c1e;border-radius:16px;padding:24px;width:90%;max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#8e8e93;font-size:24px;cursor:pointer;padding:4px}.manual-entry-section{display:flex;flex-direction:column;gap:16px}.manual-steps-input{background:#2c2c2e;border:1px solid #3C3C3E;border-radius:8px;padding:12px;color:#fff;font-size:16px;text-align:center}.manual-steps-input::placeholder{color:#8e8e93}.quick-add-buttons{display:flex;gap:8px}.quick-add-buttons button{flex:1;background:#2c2c2e;border:1px solid #3C3C3E;border-radius:8px;padding:12px;color:#b8860b;font-size:14px;font-weight:600;cursor:pointer}.quick-add-buttons button:hover{background:#3c3c3e}.add-steps-confirm{background:#b8860b;border:none;border-radius:8px;padding:14px;color:#000;font-size:16px;font-weight:600;cursor:pointer}.add-steps-confirm:hover{background:#a67c00}.platoon-view{max-width:800px;margin:0 auto;padding:20px;color:#fff}.platoon-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-title{font-size:2rem;font-weight:700;color:#b8860b;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.manage-friends-btn{background:#b8860b33;border:2px solid #B8860B;color:#b8860b;padding:10px 20px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.manage-friends-btn:hover{background:#b8860b;color:#000;transform:translateY(-2px)}.platoon-stats-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card-modern{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:15px;transition:all .3s ease}.stat-card-modern:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-card-modern .stat-icon{font-size:1.5rem}.stat-card-modern .stat-content{text-align:left}.stat-card-modern .stat-number{font-size:1.5rem;font-weight:700;color:#b8860b;display:block}.stat-card-modern .stat-label{font-size:.9rem;color:#ccc}.platoon-list{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.platoon-member-tile{background:#ffffff0d;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:20px;transition:all .3s ease}.platoon-member-tile:hover{background:#ffffff1a;transform:translateY(-2px)}.member-avatar-section{flex-shrink:0}.member-avatar{width:50px;height:50px;background:#b8860b33;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid rgba(184,134,11,.3)}.member-info-section{flex:1;display:flex;flex-direction:column;gap:15px}.member-name-row{display:flex;justify-content:space-between;align-items:center}.member-name-btn{background:none;border:none;color:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;transition:color .3s ease}.member-name-btn:hover{color:#b8860b}.member-rank{font-size:.9rem;font-weight:500;color:#b8860b;margin-left:8px}.member-stats{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.member-streak{color:#ff6b35;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:5px}.member-completion{color:#b8860b;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:5px}.stat-label-inline{font-size:.8rem;font-weight:400;color:#ccc}.member-progress-rings{display:flex;gap:10px;align-items:center;justify-content:flex-start}.member-mini-ring{display:flex;flex-direction:column;align-items:center;gap:5px}.daily-progress-ring{position:relative;display:flex;align-items:center;justify-content:center}.member-pillar-label{font-size:.7rem;color:#ccc;font-weight:600}.member-action-section{flex-shrink:0}.encourage-btn{background:#b8860b33;border:2px solid rgba(184,134,11,.3);color:#b8860b;width:50px;height:50px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.encourage-btn:hover{background:#b8860b4d;border-color:#b8860b;transform:scale(1.1)}.motivation-section{background:#ffffff0d;border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.1);margin-bottom:30px}.motivation-section h3{color:#b8860b;margin-bottom:15px;font-size:1.3rem}.challenge-card{display:flex;align-items:center;gap:15px}.challenge-icon{font-size:2rem;flex-shrink:0}.challenge-content h4{color:#fff;margin-bottom:8px;font-size:1.1rem}.challenge-content p{color:#ccc;font-size:.9rem;line-height:1.4}.back-btn-modern{background:#b8860b33;border:2px solid #B8860B;color:#b8860b;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.back-btn-modern:hover{background:#b8860b;color:#000;transform:translateY(-2px)}@media (max-width: 768px){.platoon-member-tile{flex-direction:column;text-align:center;gap:15px}.member-name-row{flex-direction:column;gap:10px}.member-progress-rings{justify-content:center}.platoon-stats-top{grid-template-columns:1fr}}@media (max-width: 768px){.calendar-view{padding:15px}.calendar-title{font-size:1.6rem}.calendar-month-year{font-size:1.4rem;min-width:200px}.calendar-container{padding:15px}.calendar-day-cell{min-height:50px}.calendar-stats,.legend-items{grid-template-columns:1fr}}@media (max-width: 768px){.app{padding:15px}.main-title{font-size:1.8rem}.pillars-grid{grid-template-columns:1fr}.stats-row{flex-direction:column;align-items:center}.nav-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.encouragement-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.encouragement-modal-container{background:#000000f2;border:2px solid rgba(184,134,11,.3);border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;box-shadow:0 20px 40px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.encouragement-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 25px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:25px}.modal-title-section h2{color:#b8860b;font-size:1.5rem;font-weight:700;margin:0 0 5px}.modal-title-section p{color:#fff;font-size:1.1rem;margin:0}.modal-close-btn{background:none;border:none;color:#b8860b;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.encouragement-modal-content{padding:0 25px}.friend-preview-card{background:#ffffff0d;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:20px;margin-bottom:25px}.friend-avatar-large{width:60px;height:60px;background:#b8860b33;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;border:2px solid rgba(184,134,11,.3);flex-shrink:0}.friend-stats-preview{display:flex;flex-direction:column;gap:10px}.stat-item-modal{display:flex;align-items:center;gap:8px;color:#fff;font-size:.9rem}.stat-item-modal .stat-icon{font-size:1rem}.message-templates-section{margin-bottom:25px}.message-templates-section h3{color:#b8860b;font-size:1.2rem;margin-bottom:15px}.template-buttons{display:flex;flex-direction:column;gap:10px}.template-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;left:17%;margin-top:15px;text-align:left;line-height:1.4}.template-btn:hover{background:#ffffff1a;border-color:#b8860b4d}.template-btn.selected{background:#b8860b33;border-color:#b8860b;color:#fff}.custom-message-section{margin-bottom:25px}.custom-message-section h3{color:#b8860b;font-size:1.2rem;margin-bottom:15px}.custom-message-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;color:#fff;font-size:.9rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease}.custom-message-textarea:focus{outline:none;border-color:#b8860b;background:#ffffff14}.bottom-nav-bar-fixed{position:fixed;bottom:0;left:0;right:0;background:#000;display:flex;justify-content:space-around;align-items:center;padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:1000;height:80px;box-sizing:border-box;color:#b8860b}.nav-item-minimal{background:none;border:none;color:#b8860b;padding:8px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.nav-item-minimal:hover{color:#daa520;transform:scale(1.1)}.nav-item-minimal.active{color:#daa520}.nav-icon-minimal{color:inherit;color:#b8860b;background:#ffffff1a;color:#fff}.nav-icon-minimal .nav-item-minimal{border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-send-btn{flex:2;background:linear-gradient(135deg,#b8860b,#daa520);border:none;color:#000;padding:15px 20px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#daa520,#b8860b);transform:translateY(-2px);box-shadow:0 5px 15px #b8860b4d}.modal-send-btn:disabled{background:#ffffff1a;color:#666;cursor:not-allowed}@media (max-width: 768px){.encouragement-modal-overlay{padding:10px}.encouragement-modal-container{max-width:100%}.encouragement-modal-header,.encouragement-modal-content,.encouragement-modal-actions{padding-left:20px;padding-right:20px}.friend-preview-card{flex-direction:column;text-align:center;gap:15px}.encouragement-modal-actions{flex-direction:column}}.sleep-tracker-mobile{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;min-height:100vh;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sleep-header-container{display:flex;flex-direction:column;align-items:center;padding:20px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sleep-logo-mobile{width:300px;height:auto;margin-bottom:10px;filter:drop-shadow(0 4px 8px rgba(184,134,11,.3))}.sleep-title-mobile{font-size:28px;font-weight:700;color:#b8860b;margin:0;text-align:center;letter-spacing:-.5px}.sleep-main-ring-mobile{position:relative;display:flex;justify-content:center;align-items:center;margin:40px 0;padding:20px}.sleep-ring-center-mobile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.sleep-hours-display{font-size:48px;font-weight:700;color:#fff;line-height:1;margin-bottom:8px}.sleep-target-display{font-size:16px;color:#8e8e93;margin-bottom:4px}.sleep-quality-display{font-size:14px;color:#b8860b;font-weight:600}.sleep-stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 20px}.sleep-stat-card-mobile{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 16px;text-align:center;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.sleep-stat-card-mobile:hover{transform:translateY(-2px);border-color:#b8860b4d;box-shadow:0 8px 30px #0006}.stat-icon-mobile{font-size:24px;margin-bottom:8px;display:block}.stat-content-mobile{display:flex;flex-direction:column;align-items:center}.stat-value-mobile{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.stat-label-mobile{font-size:12px;color:#8e8e93;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sleep-stages-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;margin:20px;padding:24px;box-shadow:0 8px 32px #0000004d}.section-title-mobile{font-size:20px;font-weight:600;color:#b8860b;margin-bottom:20px;text-align:center}.stages-list-mobile{display:flex;flex-direction:column;gap:16px}.stage-row-mobile{display:flex;align-items:center;gap:12px}.stage-name-mobile{font-size:14px;font-weight:600;color:#fff;min-width:60px}.stage-bar-container-mobile{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.stage-bar-fill-mobile{height:100%;border-radius:4px;transition:width .5s ease}.awake-fill{background:linear-gradient(90deg,#ff453a,#ff6b6b)}.rem-fill{background:linear-gradient(90deg,#007aff,#5ac8fa)}.core-fill{background:linear-gradient(90deg,#00d4aa,#5de6c7)}.deep-fill{background:linear-gradient(90deg,#8a2be2,#a855f7)}.stage-percentage-mobile{font-size:14px;font-weight:600;color:#b8860b;min-width:40px;text-align:right}.sleep-actions-container{display:flex;flex-direction:column;gap:16px;padding:20px;margin-bottom:20px}.log-sleep-btn-mobile{background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:none;border-radius:25px;padding:16px 32px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #b8860b4d;text-transform:uppercase;letter-spacing:1px}.log-sleep-btn-mobile:hover{background:linear-gradient(135deg,#daa520,gold);transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}.back-btn-mobile{background:transparent;color:#b8860b;border:2px solid #B8860B;border-radius:25px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.back-btn-mobile:hover{background:#b8860b;color:#000;transform:translateY(-2px)}.sleep-modal-overlay-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.sleep-modal-mobile{background:#000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(184,134,11,.3);border-radius:20px;padding:30px;width:90%;max-width:400px;color:#fff;box-shadow:0 20px 60px #00000080}.modal-header-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header-mobile h3{font-size:24px;font-weight:600;margin:0;color:#b8860b}.modal-close-mobile{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close-mobile:hover{color:#fff;background:#ffffff1a}.modal-content-mobile{display:flex;flex-direction:column;gap:20px}.time-input-group-mobile{display:flex;flex-direction:column;gap:8px}.time-label-mobile{font-size:16px;font-weight:600;color:#b8860b}.time-input-mobile{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;color:#fff;font-size:16px;font-weight:600;text-align:center}.time-input-mobile:focus{outline:none;border-color:#b8860b;background:#ffffff14}.sleep-preview-mobile{background:#b8860b1a;border:1px solid rgba(184,134,11,.3);border-radius:12px;padding:16px}.preview-item-mobile{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.preview-item-mobile:last-child{margin-bottom:0}.preview-label-mobile{font-size:14px;color:#8e8e93}.preview-value-mobile{font-size:16px;font-weight:600;color:#b8860b}.modal-actions-mobile{display:flex;gap:12px;margin-top:24px}.modal-cancel-btn-mobile{flex:1;background:transparent;color:#8e8e93;border:2px solid #3A3A3C;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-cancel-btn-mobile:hover{background:#ffffff0d;border-color:#8e8e93;color:#fff}.modal-confirm-btn-mobile{flex:2;background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:none;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-confirm-btn-mobile:hover{background:linear-gradient(135deg,#daa520,gold);transform:translateY(-1px)}@media (max-width: 768px){.sleep-logo-mobile{width:250px}.sleep-stats-container{grid-template-columns:1fr;gap:12px}.sleep-hours-display{font-size:36px}.sleep-stat-card-mobile{padding:16px 12px}}@media (max-width: 480px){.sleep-logo-mobile{width:200px;height:200px}.sleep-logo-mobile .sleep-hours-display{font-size:32px}.sleep-logo-mobile .sleep-title-mobile{font-size:24px}.sleep-logo-mobile .sleep-stages-container{margin:20px 10px;padding:20px}.pomodoro-timer-kingsmen{min-height:100vh;background:#000;color:#fff;padding:20px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pomodoro-header-kingsmen{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 40px 0 20px}.header-center{display:flex;justify-content:center;position:absolute;left:50%;transform:translate(-50%)}.pomodoro-logo-centered{width:300px;height:auto;filter:drop-shadow(0 4px 12px rgba(184,134,11,.4))}.header-left,.header-right{flex:1}.header-center{flex:1;display:flex;justify-content:center}.back-arrow-kingsmen{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:10px;border-radius:50%;transition:all .3s ease;flex-shrink:0}.back-arrow-kingsmen:hover{background:#b8860b33;color:#b8860b}.pomodoro-logo{width:120px;height:auto;filter:drop-shadow(0 2px 8px rgba(184,134,11,.3))}.pomodoro-logo-large{width:300px;height:300px;filter:drop-shadow(0 4px 12px rgba(184,134,11,.4))}.header-controls{display:flex;align-items:center;gap:15px}.music-btn{background:#b8860b33;border:2px solid rgba(184,134,11,.3);color:#b8860b;width:45px;height:45px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.music-btn:hover,.music-btn.active{background:#b8860b;color:gold;transform:scale(1.05)}.new-task-btn-kingsmen{background:#b8860b33;border:2px solid #B8860B;color:#b8860b;padding:10px 16px;border-radius:25px;font-size:.9rem;font-weight:600;margin:-40px auto 0;display:block;display:flex;align-items:center;gap:8px;transition:all .3s ease;flex-shrink:0}.new-task-btn-kingsmen:hover{background:#b8860b;color:#000;transform:translateY(-1px)}.plus-icon-kingsmen{background:#b8860b;color:#000;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.new-task-btn-kingsmen:hover .plus-icon-kingsmen{background:#000;color:#b8860b}.task-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.task-form{background:#1a1a1a;border:2px solid #B8860B;border-radius:20px;padding:30px;width:90%;max-width:400px;display:flex;flex-direction:column;gap:15px}.task-form h3{color:#b8860b;margin-bottom:10px;text-align:center}.task-form input{background:#ffffff1a;border:1px solid rgba(184,134,11,.3);border-radius:8px;padding:12px;color:#fff;font-size:.9rem}.task-form input:focus{outline:none;border-color:#b8860b;background:#ffffff26}.task-form-label{color:#b8860b;font-size:.9rem;font-weight:600;margin-top:-10px;margin-bottom:5px;text-align:left}.task-form-buttons{display:flex;gap:10px;margin-top:10px}border-radius: 8px;border: none;font-size: .9rem;font-weight: 600;cursor: pointer;transition: all .3s ease}.task-form-buttons button:first-child{color:#000}.timer-main-kingsmen{flex:1;display:flex;flex-direction:column;margin-top:10vh;justify-content:center;text-align:center;padding:60px 20px 20px;margin:0 auto;width:100%}.timer-display-kingsmen{font-size:6rem;font-weight:200;margin-top:60px;margin-top:2rem;margin:80px 0 20px;color:#fff;text-shadow:0 4px 20px rgba(184,134,11,.3);text-align:center}.timer-status-kingsmen{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:1rem;margin-bottom:2rem}.status-text-kingsmen{font-size:1.1rem;font-weight:600;letter-spacing:.2em;color:#b8860b}.status-dots-kingsmen{display:flex;gap:8px}.status-dot-kingsmen{width:12px;height:12px;border-radius:50%;background:#b8860b4d;transition:all .3s ease}.status-dot-kingsmen.completed{background:#b8860b;box-shadow:0 0 10px #b8860b80}.current-task-display{background:#b8860b1a;border:1px solid rgba(184,134,11,.3);border-radius:12px;padding:15px;margin-bottom:50px;text-align:center}.current-task-display .task-name{color:#b8860b;font-size:1.1rem;font-weight:600;margin-bottom:5px}.current-task-display .task-progress{color:#fff;font-size:.9rem;opacity:.8}.timer-slider-container{margin-bottom:50px;width:100%;margin:1rem auto 3rem;position:relative}.curved-slider-container{position:relative;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.slider-track-marks-curved{position:absolute;top:-30px;left:0;right:0;height:70px;pointer-events:none;z-index:2}.curved-tick{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.tick-line-curved{width:2px;height:15px;background:#ffffff4d;border-radius:1px;transition:all .3s ease}.major-tick .tick-line-curved{height:30px;width:3px}.minor-tick .tick-line-curved{height:15px;width:1px}.active-curved-tick .tick-line-curved{background:#b8860b;height:35px;box-shadow:0 0 10px #b8860b99}.tick-label-curved{font-size:.9rem;color:#ffffff80;font-weight:500;transition:all .3s ease}.active-label-curved{color:#b8860b;font-weight:700;transform:scale(1.1);text-shadow:0 0 8px rgba(184,134,11,.8)}.curved-slider-track{width:100%;height:12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#0003);border-radius:20px;position:relative;cursor:pointer;box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px 2px #ffffff1a,0 1px 3px #0003;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;-webkit-user-select:none;user-select:none;touch-action:none}.curved-slider-track:hover{box-shadow:inset 0 2px 4px #0006,inset 0 -1px 2px #ffffff26,0 2px 6px #0000004d,0 0 15px #b8860b33}.curved-slider-track.dragging{box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 2px #fff3,0 3px 8px #0006,0 0 20px #b8860b66}.curved-slider-fill{height:100%;background:linear-gradient(135deg,#b8860b,#daa520,#b8860b);border-radius:20px;transition:width .2s ease;box-shadow:0 0 10px #b8860b80,inset 0 1px 2px #ffffff4d;position:relative}.curved-slider-fill:after{content:"";position:absolute;top:2px;left:2px;right:2px;height:40%;background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:20px}.curved-slider-thumb{position:absolute;top:50%;width:28px;height:28px;background:linear-gradient(135deg,#fff,#f0f0f0,#e0e0e0);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:all .3s ease;box-shadow:0 4px 12px #0000004d,0 2px 6px #0003,inset 0 1px 2px #fffc,inset 0 -1px 2px #0000001a;border:2px solid rgba(184,134,11,.3);z-index:3}.curved-slider-thumb:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 16px #0006,0 3px 8px #0000004d,inset 0 1px 2px #ffffffe6,inset 0 -1px 2px #00000026,0 0 20px #b8860b80;border-color:#b8860b}.curved-slider-thumb.dragging-thumb{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 8px 20px #00000080,0 4px 10px #0006,inset 0 1px 2px #fff,inset 0 -1px 2px #0003,0 0 25px #b8860bb3;border-color:#daa520}.thumb-inner{width:16px;height:16px;background:linear-gradient(135deg,#ffffffe6,#fff9,#ffffff4d);border-radius:50%;margin:4px auto;transition:all .3s ease;box-shadow:0 1px 3px #0003,inset 0 1px 1px #fffc}.curved-slider-thumb:active .thumb-inner,.dragging-thumb .thumb-inner{background:linear-gradient(135deg,#b8860b4d,#fffc,#ffffff80)}@media (max-width: 768px){.curved-slider-container{max-width:280px}.curved-slider-thumb{width:32px;height:32px}.thumb-inner{width:18px;height:18px;margin:5px auto}}.timer-controls-kingsmen{margin-bottom:40px}.timer-controls-row-new{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:30px}.music-btn-bottom{background:#b8860b33;border:2px solid rgba(184,134,11,.3);color:#b8860b;width:50px;height:50px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.music-btn-bottom:hover,.music-btn-bottom.active{background:#b8860b;color:#000;transform:scale(1.05);box-shadow:0 0 20px #b8860b80}.play-pause-btn-kingsmen{width:80px;height:80px;border-radius:50%;background:#b8860b33;border:3px solid #B8860B;color:#b8860b;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-pause-btn-kingsmen:hover{background:#b8860b;color:#000;transform:scale(1.05);box-shadow:0 0 20px #b8860b80}.play-pause-btn-kingsmen:active{transform:scale(.95)}.skip-btn-kingsmen{width:60px;height:60px;border-radius:50%;background:#b8860b33;border:2px solid #B8860B;color:#b8860b;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skip-btn-kingsmen:hover{background:#b8860b;color:#000;transform:scale(1.05);box-shadow:0 0 20px #b8860b80}.skip-btn-kingsmen:active{transform:scale(.95)}.skip-icon{display:flex;align-items:center;gap:2px}.skip-bar{width:2px;height:16px;background:currentColor;border-radius:1px}.skip-triangle{font-size:12px;line-height:1}.focus-sessions-tile{background:#ffffff0d;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1);margin-top:20px;transition:all .3s ease}.focus-sessions-tile:hover{background:#ffffff14;transform:translateY(-2px)}.tile-content{display:flex;align-items:center;justify-content:center}.tile-info{text-align:center}.tile-number{font-size:1.8rem;font-weight:700;color:#b8860b;margin-bottom:4px}.tile-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.pause-icon{display:flex;gap:4px;align-items:center;justify-content:center}.pause-bar{width:4px;height:20px;background:currentColor;border-radius:2px}.play-pause-btn-kingsmen:hover .pause-bar{background:currentColor}.session-stats-kingsmen{margin-top:20px}.stat-item-kingsmen{text-align:center}.stat-number-kingsmen{font-size:2rem;font-weight:700;color:#b8860b;display:block;margin-bottom:5px}.stat-label-kingsmen{font-size:.9rem;color:#ffffffb3;font-weight:500}.tasks-list{background:#ffffff0d;border-radius:16px;padding:20px;margin-top:30px;border:1px solid rgba(184,134,11,.2)}.tasks-list h3{color:#b8860b;margin-bottom:15px;font-size:1.2rem}.task-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:10px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.task-item:hover{background:#ffffff1a;border-color:#b8860b4d}.task-item.selected{background:#b8860b33;border-color:#b8860b}.task-info{flex:1}.task-item .task-name{color:#fff;font-weight:600;margin-bottom:4px}.task-details{display:flex;gap:15px;font-size:.8rem;color:#ffffffb3}.due-date{color:#b8860b}.delete-task-btn{background:#ff3b3033;border:1px solid rgba(255,59,48,.3);color:#ff3b30;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.delete-task-btn:hover{background:#ff3b30;color:#fff}@media (max-width: 768px){.timer-display-kingsmen{font-size:4rem}.pomodoro-timer-kingsmen{padding:15px}.pomodoro-header-kingsmen{flex-direction:column;gap:20px}.pomodoro-logo-centered{width:220px}.timer-slider-container{max-width:250px}.timer-controls-row-new{gap:20px}.music-btn-bottom{width:45px;height:45px}.skip-btn-kingsmen{width:55px;height:55px}}@media (max-width: 480px){.timer-display-kingsmen{font-size:3.5rem}.play-pause-btn-kingsmen{width:70px;height:70px;font-size:1.5rem}.task-form{padding:20px}}.duration-selector,.duration-btn,.duration-btn:hover:not(:disabled),.duration-btn.active,.duration-btn:disabled{display:none}.timer-scale,.scale-marks,.scale-mark,.mark-line,.mark-line.active,.mark-line:not(.active),.mark-number{display:none}.play-pause-btn,.play-pause-btn:hover,.play-pause-btn:active,.timer-controls-modern,.stat-item-pomodoro,.stat-number-pomodoro,.stat-label-pomodoro,.new-task-btn,.new-task-btn:hover,.plus-icon,.pomodoro-header,.back-arrow,.back-arrow:hover,.timer-main,.timer-display-large,.timer-status,.status-text,.status-dots,.status-dot,.status-dot.completed{display:none}.fasting-tracker-modern{min-height:100vh;background:#000;color:#fff;padding:20px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.fasting-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 40px;position:relative}.back-arrow-fasting{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:10px;border-radius:50%;transition:all .3s ease;flex-shrink:0}.back-arrow-fasting:hover{background:#b8860b33;color:#b8860b}.fasting-logo{width:300px;height:auto;display:block;margin:0 auto}.fasting-logo-centered{width:300px;display:block;margin:0 auto 20px}.fasting-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:400px;margin:0 auto;text-align:center;width:100%}.fasting-timer-circle{position:relative;margin-bottom:40px}.fasting-timer-circle.inactive{opacity:.6}.timer-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.elapsed-time{font-size:3.5rem;font-weight:200;letter-spacing:-.02em;color:#fff;margin-bottom:8px}.elapsed-label{font-size:.9rem;font-weight:600;letter-spacing:.2em;color:#b8860b}.start-message{font-size:1.5rem;font-weight:600;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.fasting-timeline{background:#ffffff0d;border-radius:16px;padding:20px;margin-bottom:40px;width:100%;max-width:350px}.timeline-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.timeline-item:last-child{margin-bottom:0}.timeline-label{font-size:.8rem;font-weight:600;color:#888;letter-spacing:.1em}.timeline-time{font-size:.9rem;font-weight:600;color:#fff}.timeline-progress{margin:20px 0}.timeline-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.timeline-fill{height:100%;background:linear-gradient(90deg,#b8860b,#daa520);border-radius:3px;transition:width .5s ease}.duration-selector-modern{margin-bottom:40px}.duration-options{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.duration-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#fff;padding:12px 20px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:60px}.duration-option:hover{background:#ffffff1a;border-color:#b8860b4d}.duration-option.active{background:#b8860b33;border-color:#b8860b;color:#b8860b}.fasting-actions{display:flex;flex-direction:column;gap:15px;margin-bottom:40px;width:100%;max-width:300px}.edit-time-btn{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;left:10%}.edit-time-btn:hover{background:#ffffff1a;border-color:#b8860b4d}.start-fast-btn-modern,.end-fast-btn-modern{background:#b8860b33;border:2px solid #B8860B;color:#b8860b;padding:16px 32px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px}.start-fast-btn-modern:hover,.end-fast-btn-modern:hover{background:#b8860b;color:#000;transform:translateY(-2px);box-shadow:0 8px 25px #b8860b4d}.fasting-stats-modern{margin-bottom:40px}.stat-card-fasting{background:#ffffff0d;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .3s ease}.stat-card-fasting:hover{background:#ffffff14;transform:translateY(-2px)}.stat-card-fasting .stat-number{font-size:1.8rem;font-weight:700;color:#b8860b;margin-bottom:4px}.stat-card-fasting .stat-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.back-to-main-btn{background:#b8860b33;border:2px solid #B8860B;color:#b8860b;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto;position:relative;left:17%}.back-to-main-btn:hover{background:#b8860b;color:#000;transform:translateY(-2px)}.fasting-history-section{margin-top:40px;padding:0 20px}.history-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:20px;text-align:center}.fasts-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.fast-history-item{background:#ffffff0d;border:2px solid #2C2C2E;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center}.fast-date-section{display:flex;flex-direction:column;gap:4px}.fast-date{font-size:16px;font-weight:700;color:#fff}.fast-time-range{font-size:14px;color:#8e8e93;font-weight:500}.fast-metrics{display:flex;align-items:center;gap:20px}.fast-duration,.fast-goal{display:flex;flex-direction:column;align-items:center;gap:2px}.metric-value{font-size:16px;font-weight:700;color:#fff}.metric-label{font-size:12px;color:#8e8e93;text-transform:uppercase;font-weight:600}.fast-status{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.fast-status.success{background:#00d4aa;color:#fff}.fast-status.partial{background:#ff9500;color:#fff}.no-fasts-message{text-align:center;padding:40px 20px;color:#8e8e93}.no-fasts-icon{font-size:48px;margin-bottom:16px}.no-fasts-message p{font-size:16px;line-height:1.4}.fasting-summary-stats{display:flex;justify-content:space-around;background:#b8860b1a;border:2px solid #B8860B;border-radius:12px;padding:20px;margin-bottom:20px}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.summary-number{font-size:24px;font-weight:700;color:#b8860b;text-align:center;display:block;width:100%}.summary-label{font-size:12px;color:#8e8e93;text-transform:uppercase;font-weight:600;text-align:center}.edit-time-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-time-modal{background:#1c1c1e;border:2px solid #B8860B;border-radius:20px;padding:30px;max-width:400px;width:90%;text-align:center}.edit-time-modal h3{color:#b8860b;font-size:1.5rem;font-weight:700;margin-bottom:10px}.edit-time-modal p{color:#8e8e93;font-size:1rem;margin-bottom:25px}.edit-input-group{margin-bottom:24px;text-align:left}.edit-input-group label{display:block;color:#fff;font-weight:600;font-size:1rem;margin-bottom:10px}.edit-input{background:#2c2c2e;border:2px solid #3A3A3C;border-radius:12px;color:#fff;font-size:1.125rem;font-weight:600;padding:15px;width:100%;text-align:center;transition:border-color .3s ease}.edit-input:focus{outline:none;border-color:#b8860b}.edit-modal-actions{display:flex;gap:15px;justify-content:center;margin-top:32px}.edit-cancel-btn,.edit-save-btn{padding:14px 28px;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.edit-cancel-btn{background:transparent;border:3px solid #2C2C2E;color:#8e8e93}.edit-cancel-btn:hover{background:#2c2c2e1a;border-color:#8e8e93;color:#000}.edit-save-btn{background:#b8860b;border:3px solid #B8860B;color:#000}.edit-save-btn:hover{background:#b8860b1a;border-color:#d4a017}@media (max-width: 768px){.fasting-tracker-modern{padding:15px}.fasting-logo{width:220px}.fasting-timer-circle svg{width:240px;height:240px}.elapsed-time{font-size:2.8rem}.phase-card{flex-direction:column;text-align:center;gap:10px}.phase-content{text-align:center}.duration-options{gap:8px}.duration-option{padding:10px 16px;font-size:.9rem;min-width:50px}}.calorie-setup-screen{background:#000;color:#fff;min-height:100vh;padding:20px;display:flex;flex-direction:column}.setup-header{margin-bottom:30px}.setup-search-bar{background:#1c1c1e;border:1px solid #B8860B;border-radius:12px;padding:12px 16px;text-align:center;color:#b8860b;font-size:16px;font-weight:500}.calorie-setup-logo{width:300px;height:300px;margin:0 auto 30px}.diet-options-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.diet-option-card{background:#1c1c1e;border:1px solid #2C2C2E;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease}.diet-option-card:hover{border-color:#b8860b;background:#252527}.diet-option-card.selected{border-color:#b8860b;background:#2a2a1a;box-shadow:0 0 20px #b8860b4d}.diet-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.diet-icon{font-size:24px}.diet-name{font-size:18px;font-weight:600;color:#fff;flex:1}.info-button{width:24px;height:24px;border-radius:50%;background:#007aff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.diet-description{color:#8e8e93;font-size:14px;line-height:1.4;margin:0}.setup-actions{margin-top:auto;display:flex;flex-direction:column;gap:16px}.start-tracking-btn{background:#b8860b;color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.start-tracking-btn:hover:not(:disabled){background:#d4a017;transform:translateY(-2px)}.start-tracking-btn:disabled{background:#2c2c2e;color:#8e8e93;cursor:not-allowed}.calorie-tiles-container{display:flex;flex-direction:row;gap:16px;margin:30px 0;justify-content:center;align-items:center}.calorie-tile{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:18px;padding:22px;min-width:160px;display:flex;flex-direction:column;align-items:center;min-width:252px;transition:all .3s ease;box-shadow:0 8px 32px #0000004d}.calorie-tile:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#b8860b4d}.active-tile{border-color:#ff453a66}.consumed-tile{border-color:#b8860b66}.tile-icon-container{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px}.active-icon{background:linear-gradient(135deg,#ff453a,#ff6b6b);box-shadow:0 4px 15px #ff453a4d}.consumed-icon{background:linear-gradient(135deg,#b8860b,#daa520);box-shadow:0 4px 15px #b8860b4d}font-size: 22px; .tile-icon{color:#fff;font-size:24px}.tile-content{display:flex;flex-direction:column;align-items:center}.tile-value{font-size:25px;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.tile-goal{font-size:16px;color:#8e8e93;line-height:1;margin-bottom:8px}.tile-label{font-size:13px;color:#8e8e93;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.calorie-tracker-logo{width:300px;margin:20px auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.sleep-tracker-modern{background:#000;color:#fff;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center}.calorie-main-ring{position:relative;margin:20px 0}margin: 15px 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; } .calorie-count{font-size:36px;font-weight:700;color:#fff;line-height:1}.calorie-goal{font-size:18px;color:#8e8e93;line-height:1}.calorie-label{font-size:14px;color:#8e8e93;margin-top:4px}@media (max-width: 768px){.calorie-tiles-container{flex-direction:column;gap:12px}.calorie-tile{min-width:220px;padding:18px}text-align: center;display: block;width: 100%;line-height: 1.2}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:80px}.stat-content{display:flex;flex-direction:column;align-items:center;width:100%}.macro-rings-row{display:flex;gap:20px;margin:30px 0}.mini-macro-rings{position:absolute;top:50%;left:40%;transform:translate(-40%,-50%);width:260px;height:260px;justify-items:center;pointer-events:none}.mini-ring{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.water-mini{top:20px;transform:translate(-75%);left:50%;transform:translate(-50%)}.carbs-mini{top:50%;right:20px;transform:translateY(-50%)}.protein-mini{bottom:20px;left:50%;transform:translate(-50%)}.fat-mini{top:50%;left:20px;transform:translateY(-50%)}.mini-ring-label{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;text-align:center;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.mini-ring-allowance{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;text-align:center;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:10}.macro-rings-grid{display:grid;grid-template-columns:repeat(2,1fr);width:99px;height:99px}@media (min-width: 768px){.macro-rings-grid{grid-template-columns:repeat(4,1fr)}}.macro-ring-item{position:relative;display:flex;flex-direction:column;align-items:center}.water-ring{grid-column:span 2}@media (min-width: 768px){.water-ring{grid-column:span 1}}.macro-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.macro-count{font-size:18px;font-weight:600;color:#fff;line-height:1}.macro-goal{font-size:12px;color:#8e8e93;line-height:1}.macro-label{font-size:12px;color:#8e8e93;margin-top:8px}padding: 12px; background: linear-gradient(135deg,#B8860B,#DAA520); color: #000000; background: linear-gradient(135deg,#B8860B,#DAA520); color: #000000; background: rgba(184,134,11,.2); border: 2px solid #B8860B; color: #B8860B; padding: 10px 16px; border-radius: 25px; font-size: .9rem; font-weight: 600; margin: 20px auto 0 auto; display: flex; align-items: center; gap: 8px; transition: all .3s ease; flex-shrink: 0; cursor: pointer; } background: #B8860B; color: #000000; transform: translateY(-2px); } .quick-actions-row{display:flex;gap:12px;margin:20px 0;position:relative}.quick-action-btn{border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.quick-action-btn.water{background:#007aff;color:#fff;position:relative;left:17%}.quick-action-btn.remove{background:#ff453a;color:#fff;position:relative;left:20%}.quick-action-btn:hover{transform:translateY(-2px)}.food-log-section{font-size:16px;max-width:400px;margin:20px 0}.food-log-title{font-size:20px;font-weight:600;color:#fff;margin-bottom:16px;text-align:center}.food-log-item{background:#1c1c1e;border-radius:12px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.food-info{flex:1}.food-name{display:block;font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.food-macros{font-size:11px;color:#8e8e93}.remove-food-btn{background:#ff453a;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.no-food-message{text-align:center;color:#8e8e93;font-size:12px;padding:40px 20px}.bottom-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;margin:20px 0}.edit-setup-btn{position:relative;left:17%;background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:none;padding:16px 32px;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #b8860b4d;text-transform:uppercase;letter-spacing:1px}.edit-setup-btn:hover{background:linear-gradient(135deg,#daa520,gold);transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}.end-day-btn{position:relative;left:17%;background:#000;color:#b8860b;border:none;border:2px solid #B8860B;border-radius:25px;padding:16px 24px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000080;text-transform:uppercase;letter-spacing:1px}.end-day-btn:hover{background:linear-gradient(135deg,#daa520,gold);transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}.back-to-main-btn{background:#2c2c2e;color:#b8860b;border:none;border-radius:8px;padding:12px 20px;font-size:16px;cursor:pointer}.add-food-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.add-food-modal{background:#1c1c1e;border-radius:16px;padding:24px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#8e8e93;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.food-form{display:flex;flex-direction:column;gap:16px}.food-form input{background:#2c2c2e;border:1px solid #3C3C3E;border-radius:8px;padding:12px 16px;color:#fff;font-size:16px}.food-form input:focus{outline:none;border-color:#b8860b}.food-form input::placeholder{color:#8e8e93}.add-food-confirm{background:#b8860b;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.add-food-confirm:hover{background:#d4a017}.streak-display{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:30px}.streak-icon{font-size:2rem}.streak-number{font-size:2.5rem;font-weight:700;color:#ff6b35}.streak-label{color:#ccc;font-size:.9rem}.progress-summary{margin-bottom:40px}.progress-circle{display:inline-block;width:120px;height:120px;border:8px solid #B8860B;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.pillar-card{background:#ffffff0d;border-radius:15px;padding:15px;border:1px solid rgba(255,255,255,.1)}.pillar-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.pillar-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.pillar-title{font-size:1.3rem;font-weight:600;color:#fff}.challenge-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.challenge-checkbox input{display:none}.checkmark{width:24px;height:24px;border:2px solid #B8860B;border-radius:4px;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .3s ease}.challenge-checkbox input:checked+.checkmark{background:#b8860b;color:#fff}.challenge-text{color:#ccc;font-size:.9rem}.congratulations-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;border:2px solid #B8860B;border-radius:16px;padding:24px;z-index:1000;animation:popupSlideIn .5s ease-out,popupFadeOut .5s ease-in 3s forwards;box-shadow:0 10px 30px #00000080}.popup-content{display:flex;align-items:center;gap:15px;color:#fff}.popup-icon{font-size:2rem}.popup-text h3{color:#b8860b;font-size:1.4rem;margin:0 0 5px}.popup-text p{color:#fff;font-size:.9rem;margin:0}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes popupFadeOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-40%)}}.reset-section{display:flex;justify-content:center;margin-top:30px}.reset-item{cursor:pointer;transition:all .3s ease;background:#ff3b301a;border-color:#ff3b304d}.reset-item:hover{background:#ff3b3033;border-color:#ff3b30;transform:translateY(-2px)}.reset-item .stat-number{color:#ff6b6b}.reset-item .stat-label{color:#f99}.profile-page{max-width:800px;margin:0 auto;padding:20px;color:#fff}.profile-section{background:#ffffff0d;border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.1);margin-bottom:25px}.profile-section .section-title{color:#b8860b;font-size:1.3rem;font-weight:700;margin-bottom:20px}.avatar-section{display:flex;gap:30px;margin-top:40px;align-items:flex-start}.current-avatar{flex-shrink:0;width:120px;height:120px;border-radius:50%;border:3px solid #B8860B;display:flex;align-items:center;justify-content:center;background:#ffffff0d;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-emoji{font-size:3rem}.avatar-options{flex:1}.upload-section{margin-bottom:20px}.upload-btn{background:#b8860b33;border:2px solid #B8860B;color:#b8860b;padding:12px 20px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block}.upload-btn:hover{background:#b8860b;color:#000}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:10px}.emoji-option{width:50px;height:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.emoji-option:hover{background:#ffffff1a;transform:scale(1.1)}.emoji-option.selected{background:#b8860b33;border-color:#b8860b}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#b8860b;font-size:.9rem;font-weight:600}.form-group input,.form-group select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;color:#fff;font-size:.9rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#b8860b;background:#ffffff14}.form-group input::placeholder{color:#888}.form-group select option{background:#2d2d2d;color:#b8860b}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-card{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:15px;transition:all .3s ease}.metric-card:hover{background:#ffffff14;transform:translateY(-2px)}.metric-icon{font-size:1.5rem;flex-shrink:0}.metric-content{text-align:left}.metric-number{font-size:1.5rem;font-weight:700;color:#b8860b;margin-bottom:4px}.metric-label{font-size:.9rem;color:#ccc;margin-bottom:2px}.metric-category{font-size:.8rem;font-weight:600}.account-info{display:flex;flex-direction:column;gap:15px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-label{color:#ccc;font-size:.9rem}.info-value{color:#fff;font-weight:600}@media (max-width: 768px){.avatar-section{flex-direction:column;align-items:center;text-align:center}.form-grid,.metrics-grid{grid-template-columns:1fr}.info-item{flex-direction:column;align-items:flex-start;gap:5px}}.weight-tracker-clean{background:#000;background:#1c1c1e;color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sleep-header-modern{width:300px;height:300px;display:block;margin:0 auto 20px}.weight-header-clean{text-align:center;margin-bottom:40px}.weight-title-clean{font-size:32px;font-weight:600;color:#b8860b;margin:0;letter-spacing:-.5px}.weight-progress-container{margin-bottom:40px}.weight-progress-circle{position:relative;display:flex;align-items:center;justify-content:center}.weight-progress-center{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.weight-percentage{font-size:48px;font-weight:700;color:#b8860b;line-height:1;margin-bottom:8px}.weight-current{font-size:36px;font-weight:600;color:#fff;line-height:1;margin-bottom:4px}.weight-unit{font-size:16px;font-weight:500;color:#fff9;letter-spacing:1px}.weight-cards-row{display:flex;gap:20px;margin-bottom:40px}.weight-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);flex:1;max-width:160px;min-height:80px;border-radius:16px;padding:20px 24px;text-align:center;min-width:120px}.start-card{border-left:4px solid rgba(255,255,255,.3)}.goal-card{border-left:4px solid #00D4AA}.card-label{font-size:12px;font-weight:600;color:#fff9;letter-spacing:1px;margin-bottom:8px}.card-value{font-size:32px;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.goal-value{color:#00d4aa}.card-date{font-size:11px;font-weight:500;width:40px;height:40px}.weight-stats-bottom{display:flex;gap:40px;margin-bottom:50px;text-align:center}font-size: 20px; .stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:24px;font-weight:700;color:#fff;line-height:1;margin-bottom:6px}font-size: 16px; color: #00D4AA; top: 65%; .stat-label{font-size:11px;font-weight:600;color:#ffffff80;letter-spacing:1px}.weight-actions-clean{display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px;margin-bottom:40px}.weight-btn{padding:16px 24px;border-radius:25px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.primary-btn{background:#b8860b;color:#fff}.primary-btn:hover{background:#d4a017;transform:translateY(-1px)}.secondary-btn{background:#000;color:#b8860b;border:2px solid #B8860B;margin-bottom:20px}.secondary-btn:hover{background:#ffffff26;transform:translateY(-1px)}.weight-back-clean{background:none;justify-content:center;color:#ffffff80;transition:color .2s ease;cursor:pointer;padding:4px 8px;flex:1;max-width:80px}.nav-item-minimal:hover{color:#fffc}.weight-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.weight-modal-clean{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;width:90%;max-width:400px;color:#fff}.modal-header-clean{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header-clean h3{font-size:24px;font-weight:600;margin:0;color:#b8860b}.modal-close-clean{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close-clean:hover{color:gold;background:#ffffff1a}.modal-content-clean{display:flex;flex-direction:column;gap:20px}.weight-input-clean{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;color:#fff;font-size:16px;width:100%;box-sizing:border-box}.weight-input-clean:focus{outline:none;border-color:#b8860b;background:#ffffff14}.weight-input-clean::placeholder{color:#fff6}.modal-confirm-clean{background:#b8860b;color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-confirm-clean:hover{background:#d4a017;transform:translateY(-1px)}.budget-setup{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:20px}.setup-header{text-align:center;margin-bottom:40px}.setup-logo{width:80px;height:80px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(184,134,11,.5))}.setup-title{font-size:2.5rem;font-weight:700;color:#b8860b;margin-bottom:10px}.setup-subtitle{font-size:1.1rem;color:#888;margin-bottom:0}.setup-form{max-width:1200px;margin:0 auto}.income-section,.income-input-section,.categories-setup,.savings-setup{background:#ffffff0d;border-radius:16px;padding:30px;margin-bottom:30px;border:1px solid rgba(184,134,11,.2)}.section-title{font-size:1.5rem;font-weight:700;color:#b8860b;margin-bottom:20px}.frequency-toggles{display:flex;gap:10px;flex-wrap:wrap}.frequency-toggle{padding:12px 24px;border:2px solid #333;background:transparent;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.frequency-toggle.active{border-color:#b8860b;background:#b8860b;color:#000}.frequency-toggle:hover{border-color:#b8860b;transform:translateY(-2px)}.income-subtitle{color:#888;margin-bottom:20px}.income-input-wrapper,.savings-input-wrapper{display:flex;align-items:center;background:#ffffff1a;border-radius:8px;padding:0 15px;border:2px solid transparent;transition:border-color .3s ease}margin: 20px auto; display: block; .income-input-wrapper:focus-within,.savings-input-wrapper:focus-within{border-color:#b8860b}.currency-symbol{color:#b8860b;font-weight:700;font-size:1.2rem}.income-input,.savings-input{background:transparent;border:none;color:#fff;font-size:1.2rem;padding:15px 10px;flex:1;outline:none}.frequency-label{color:#888;font-size:.9rem}.monthly-preview{margin-top:15px;padding:10px 15px;background:#b8860b1a;border-radius:8px;color:#b8860b;font-weight:500}.categories-grid-setup{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.category-setup-card{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.category-setup-card:hover{transform:translateY(-2px);border-color:#b8860b4d}.category-header-setup{display:flex;align-items:center;margin-bottom:15px}.category-icon-setup{font-size:1.5rem;margin-right:12px}.category-info-setup{flex:1}.category-name-setup{display:block;font-weight:700;color:#fff}.category-percentage-setup{display:block;color:#b8860b;font-size:.9rem}.category-input-setup{width:100%;background:#ffffff1a;border:2px solid transparent;border-radius:8px;padding:12px 15px;color:#fff;font-size:1rem;transition:border-color .3s ease}.category-input-setup:focus{outline:none;border-color:#b8860b}.category-input-setup::placeholder{color:#888}.setup-complete-btn{width:100%;max-width:400px;margin:40px auto 0;display:block;padding:18px 30px;background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease}.setup-complete-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #b8860b4d}.setup-complete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.k-score-dashboard{background:#000;color:#fff;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center}.k-score-header{text-align:center;margin-bottom:40px}.k-score-main-title{font-size:32px;font-weight:700;color:#b8860b;margin:20px 0 10px;letter-spacing:-.5px}.k-score-subtitle{font-size:16px;color:#8e8e93;margin:0;line-height:1.4}.k-score-container{background:linear-gradient(145deg,#1c1c1c,#111);border:2px solid #B8860B;border-radius:20px;padding:30px 40px;margin-bottom:40px;box-shadow:0 0 20px #b8860b4d;position:relative;text-align:center}.k-score-display{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:12px;position:relative}.k-score-number{font-size:72px;font-weight:700;color:#fff;line-height:1}.k-score-max{font-size:32px;font-weight:600;color:#8e8e93;margin-bottom:8px}.k-score-tooltip-icon{position:absolute;right:-40px;top:0;cursor:pointer;font-size:20px;color:#b8860b;transition:all .3s ease}.k-score-tooltip-icon:hover{transform:scale(1.1);color:#daa520}.k-score-label{font-size:16px;color:#8e8e93;margin-bottom:8px}.k-score-subtitle-text{font-size:14px;color:#b8860b;font-weight:500}.k-score-tooltip{position:absolute;top:-60px;right:-20px;background:#1c1c1e;border:1px solid #B8860B;border-radius:12px;padding:12px 16px;font-size:14px;color:#fff;white-space:nowrap;z-index:10;box-shadow:0 4px 20px #00000080}.k-score-tooltip:after{content:"";position:absolute;bottom:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #B8860B}.pillar-rings-section{margin-bottom:40px}.pillar-rings-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.pillar-ring-item{display:flex;flex-direction:column;align-items:center;gap:12px}.pillar-ring-wrapper{position:relative;transition:all .3s ease}.pillar-ring-wrapper.gold-glow{filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}.pillar-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.pillar-points{font-size:18px;font-weight:700;color:#fff;line-height:1}.pillar-points-label{font-size:12px;color:#8e8e93;font-weight:500}.pillar-name{font-size:14px;font-weight:600;color:#fff;text-align:center}.metric-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:40px;width:100%;max-width:800px}.metric-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.metric-card:hover{transform:translateY(-2px);border-color:#b8860b4d;box-shadow:0 8px 30px #0006}.metric-icon{font-size:32px;flex-shrink:0}.metric-content{flex:1}.metric-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.metric-value{font-size:24px;font-weight:700;color:#b8860b;line-height:1;margin-bottom:4px}.metric-status{font-size:14px;color:#8e8e93;display:flex;align-items:center;gap:8px}.status-complete{color:#00d4aa;font-weight:600}.status-incomplete{color:#8e8e93}.status-divider{color:#3a3a3c}.dashboard-bottom-section{width:100%;max-width:800px;margin-bottom:40px}.journal-entry-section{background:#ffffff0d;border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.view-journal-btn{background:none;border:none;color:#b8860b;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;transition:all .3s ease}.view-journal-btn:hover{color:#daa520}.journal-chevron{font-size:16px;color:#8e8e93}.journal-entry-expanded{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.journal-section{margin-bottom:24px}.journal-section:last-child{margin-bottom:0}.journal-section h4{color:#b8860b;font-size:18px;font-weight:600;margin:0 0 16px}.journal-field{margin-bottom:16px}.journal-field:last-child{margin-bottom:0}.journal-field strong{color:#fff;font-size:14px;font-weight:600;display:block;margin-bottom:8px}.journal-field ul{list-style:none;padding:0;margin:0}.journal-field li{color:#ccc;font-size:14px;line-height:1.4;margin-bottom:4px;padding-left:16px;position:relative}.journal-field li:before{content:"•";color:#b8860b;position:absolute;left:0}.journal-field p{color:#ccc;font-size:14px;line-height:1.4;margin:0}.no-journal-message{text-align:center;padding:40px 20px;color:#fff;margin:0 0 8px}.no-journal-message p{font-size:16px;color:#fff;margin:0}.bottom-stats-row{display:grid;grid-template-columns:1fr 2fr;gap:20px}.streak-card{background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;text-align:center}.streak-icon{font-size:32px}.streak-content{flex:1}.streak-number{font-size:32px;font-weight:700;color:#ff453a;line-height:1;margin-bottom:4px}.streak-label{font-size:14px;color:#8e8e93;font-weight:500}.rank-card{background:#ffffff0d;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.rank-badge{border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.rank-icon{font-size:32px;color:#fff}.rank-content{flex:1}.rank-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.rank-description{font-size:14px;color:#fffc;margin-bottom:8px}.rank-tooltip{font-size:12px;color:#b8860b;font-style:italic}@media (max-width: 768px){.k-score-dashboard{padding:15px}.k-score-main-title{font-size:28px}.k-score-number{font-size:60px}.k-score-max{font-size:28px}.k-score-tooltip-icon{right:-30px;font-size:18px}.pillar-rings-container{gap:16px}.metric-cards-grid{grid-template-columns:1fr;gap:12px}.bottom-stats-row{grid-template-columns:1fr;gap:16px}.k-score-tooltip{right:-10px;white-space:normal;max-width:200px}}@media (max-width: 480px){.k-score-container{padding:24px 20px}.k-score-number{font-size:48px}.k-score-max{font-size:24px}.pillar-rings-container{gap:12px}.pillar-ring-wrapper svg{width:70px;height:70px}.pillar-points{font-size:16px}.pillar-name{font-size:12px}}.budget-dashboard{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:20px}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-logo{width:80px;height:80px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(184,134,11,.5))}.dashboard-title{font-size:2.5rem;font-weight:700;color:#b8860b;margin-bottom:10px}.dashboard-subtitle{font-size:1.1rem;color:#888;margin-bottom:0}.hero-section{display:flex;justify-content:center;margin-bottom:40px}.daily-spend-hero,.spend-ring{position:relative}.spend-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.daily-amount{font-size:2.5rem;font-weight:700;color:#b8860b;margin-bottom:5px}.daily-label{font-size:1rem;color:#fff;margin-bottom:2px}.daily-subtitle{font-size:.9rem;color:#888}.stats-tiles-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-tile{background:#ffffff0d;border-radius:16px;padding:25px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.stat-tile:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.warrior-tile{border-color:#b8860b}.warrior-tile:hover{box-shadow:0 15px 40px #b8860b33}.savings-tile{border-color:#00d4aa}.savings-tile:hover{box-shadow:0 15px 40px #00d4aa33}.spent-tile{border-color:#ff6b6b}.spent-tile:hover{box-shadow:0 15px 40px #ff6b6b33}.stat-tile-header{display:flex;align-items:center;margin-bottom:15px}.stat-tile-icon{font-size:1.5rem;margin-right:10px}.stat-tile-title{font-weight:700;color:#fff}.stat-tile-value{font-size:2rem;font-weight:700;color:#b8860b;margin-bottom:5px}.stat-tile-label{color:#888;font-size:.9rem;margin-bottom:15px}.warrior-progress-bar,.savings-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.warrior-progress-fill{height:100%;background:linear-gradient(90deg,#b8860b,#daa520);border-radius:3px;transition:width .5s ease}.savings-progress-fill{height:100%;background:linear-gradient(90deg,#00d4aa,#00f5c4);border-radius:3px;transition:width .5s ease}.category-tiles-section{margin-bottom:40px}.budget-category-tiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.budget-category-tile{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;padding:25px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.budget-category-tile:hover{transform:translateY(-5px);box-shadow:0 15px 40px #b8860b33;border-color:#b8860b4d}.budget-category-tile.warning{border-color:gold}.budget-category-tile.over-budget{border-color:#ff6b6b}.category-tile-header{display:flex;align-items:center;margin-bottom:20px;padding:0 20px}.add-friend-container{background:#1e1e1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:15px;box-shadow:0 4px 20px #0000004d}.category-icon-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:15px;color:#fff}.category-tile-info{flex:1}.category-name{display:block;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:2px}.category-percentage{display:block;color:#b8860b;font-size:.9rem;font-weight:500}.category-amounts{margin-bottom:15px}.spent-amount{font-size:1.5rem;font-weight:700;color:#fff}.budgeted-amount{font-size:1rem;color:#888;margin-left:5px}.category-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.category-progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.recent-expenses-section{margin-bottom:40px}.recent-expenses-list{background:#ffffff0d;border-radius:16px;padding:20px}.expense-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.expense-item:last-child{border-bottom:none}.expense-icon{font-size:1.5rem;margin-right:15px;width:40px;text-align:center}.expense-info{flex:1}.expense-description{display:block;font-weight:700;color:#fff;margin-bottom:2px}.expense-category{display:inline-block;color:#b8860b;font-size:.9rem;margin-right:10px}.expense-date{color:#888;font-size:.9rem}.expense-amount{font-size:1.1rem;font-weight:700;color:#fff}.no-expenses{text-align:center;padding:40px 20px}.no-expenses-icon{font-size:3rem;margin-bottom:15px;display:block}.no-expenses-text{color:#888;font-size:1rem}.action-buttons{display:flex;justify-content:center;margin-bottom:40px}.add-expense-fab{padding:18px 30px;background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.add-expense-fab:hover{transform:translateY(-2px);box-shadow:0 10px 30px #b8860b4d}.back-btn-main{display:block;margin:0 auto;padding:12px 24px;color:#888;border:2px solid #333;border-radius:8px;cursor:pointer;transition:all .3s ease}.back-btn-main:hover{border-color:#b8860b;color:#b8860b;transform:translateY(-2px)}.add-expense-view{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:20px}.expense-header{display:flex;align-items:center;margin-bottom:40px}margin-top: 30px; .back-btn-expense{background:transparent;color:#b8860b;border:none;font-size:1.2rem;cursor:pointer;margin-right:20px}.expense-title{font-size:2rem;font-weight:700;color:#b8860b}.expense-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:25px}.form-label{display:block;color:#b8860b;font-weight:700;margin-bottom:8px}.amount-input-wrapper{display:flex;align-items:center;background:#ffffff1a;border-radius:8px;padding:0 15px;border:2px solid transparent;transition:border-color .3s ease}.amount-input-wrapper:focus-within{border-color:#b8860b}.amount-input,.description-input,.date-input{width:100%;background:#ffffff1a;border:2px solid transparent;border-radius:8px;padding:15px;color:#fff;font-size:1rem;transition:border-color .3s ease}.amount-input{background:transparent;border:none;flex:1;padding:15px 10px}.amount-input:focus,.description-input:focus,.date-input:focus{outline:none;border-color:#b8860b}.category-select{width:100%;background:#ffffff1a;border:2px solid transparent;border-radius:8px;padding:15px;color:#fff;font-size:1rem;cursor:pointer;transition:border-color .3s ease}.category-select:focus{outline:none;border-color:#b8860b}.category-select option{background:#1a1a1a;color:#fff}.add-expense-btn{width:100%;padding:18px 30px;background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px}.add-expense-btn:hover{background:#b8860b;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #b8860b4d}@media (max-width: 768px){.stats-tiles-row,.budget-category-tiles-grid,.categories-grid-setup{grid-template-columns:1fr}.setup-title,.dashboard-title,.daily-amount{font-size:2rem}}.budget-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:15px 0;padding:0 16px}.budget-category-tile{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;padding:20px;border:2px solid #333;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.budget-category-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b8860b33;border-color:#b8860b}.budget-category-tile.good{border-color:#00d4aa}.budget-category-tile.warning{border-color:#ff9500}.budget-category-tile.over{border-color:#ff453a}.category-tile-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.category-icon-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;font-weight:700}@media (max-width: 768px){.budget-category-grid{grid-template-columns:1fr;gap:12px}.budget-category-tile{padding:16px}.app{padding:15px}.main-title{font-size:1.8rem}.pillars-grid{grid-template-columns:1fr}.stats-row{flex-direction:column;align-items:center;font-size:14px}.stats-row .nav-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}flex;align-items: center;justify-content: center;font-size: 24px;color: white;font-weight: bold}width: 50px; height: 50px; flex: 1; padding: 10px; flex-direction: column; gap: 4px; } .category-name{font-size:18px;font-weight:600;color:#fff}.category-percentage{font-size:12px;color:#b8860b;font-weight:500}.category-amounts{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.spent-amount{font-size:24px;font-weight:700;color:#fff}.budgeted-amount{font-size:16px;color:#8e8e93}.category-progress-bar{margin:20px 0;height:8px;background:#2c2c2e;border-radius:4px;overflow:hidden}.category-progress-fill{font-size:18px;border-radius:4px;transition:width .5s ease}.recent-expenses-list{flex-direction:column;gap:12px;padding:0 16px}@media (max-width: 768px){.budget-category-grid{grid-template-columns:1fr;gap:12px}.budget-category-tile{padding:16px}.app{padding:15px}.main-title{font-size:1.8rem}.pillars-grid{grid-template-columns:1fr}.stats-row{flex-direction:column;align-items:center;font-size:14px}.stats-row .nav-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}0px,1fr))}} .daily-journal-app{background:#000;color:#fff;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.journal-header{text-align:center;margin-bottom:40px}.journal-logo{width:300px;height:auto;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(184,134,11,.3))}.journal-title{font-size:32px;font-weight:700;color:#b8860b;margin:0 0 10px;letter-spacing:-.5px}.journal-subtitle{font-size:16px;color:#8e8e93;margin:0}.journal-status-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;margin-bottom:40px;box-shadow:0 8px 32px #0000004d}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.status-header h2{color:#b8860b;font-size:24px;font-weight:600;margin:0}.status-date{color:#8e8e93;font-size:16px;font-weight:500}.status-indicators{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status-item{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.status-item.completed{border-color:#00d4aa66;background:#00d4aa0d}.status-item.available{border-color:#b8860b66;background:#b8860b0d}.status-item.locked{opacity:.5}.status-icon{font-size:32px;flex-shrink:0}.status-content{flex:1}.status-label{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.status-text{font-size:14px;color:#8e8e93}.add-friend-btn-gold{background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:2px solid #B8860B;padding:12px 20px;border-radius:25px;font-weight:700;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.status-action-btn:hover{background:#daa520;transform:translateY(-1px)}.journal-archive-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;margin-bottom:40px;box-shadow:0 8px 32px #0000004d}.archive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.archive-header h2{color:#b8860b;font-size:24px;font-weight:600;margin:0}.archive-count{color:#8e8e93;font-size:14px;font-weight:500}.archive-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.archive-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease}.archive-item:hover{background:#ffffff14;border-color:#b8860b4d}.archive-item.expanded{border-color:#b8860b;background:#b8860b0d}.archive-summary{display:flex;justify-content:space-between;align-items:center}.archive-date{font-size:16px;font-weight:600;color:#fff}.archive-rating{font-size:14px;color:#b8860b;font-weight:500}.archive-chevron{color:#8e8e93;font-size:14px}.archive-details{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.archive-section{margin-bottom:24px}.archive-section:last-child{margin-bottom:0}.archive-section h4{color:#b8860b;font-size:18px;font-weight:600;margin:0 0 12px}.archive-field{margin-bottom:16px}.archive-field:last-child{margin-bottom:0}.archive-field strong{color:#fff;font-size:14px;font-weight:600;display:block;margin-bottom:8px}.archive-field ul{list-style:none;padding:0;margin:0}.archive-field li{color:#ccc;font-size:14px;line-height:1.4;margin-bottom:4px;padding-left:16px;position:relative}.archive-field li:before{content:"•";color:#b8860b;position:absolute;left:0}.archive-field p{color:#ccc;font-size:14px;line-height:1.4;margin:0}.no-entries-message{text-align:center;padding:60px 20px;color:#8e8e93}.no-entries-icon{font-size:48px;margin-bottom:16px;display:block}.no-entries-message p{font-size:16px;line-height:1.4;margin:0}.journal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.journal-modal{background:#000;border:2px solid rgba(184,134,11,.3);border-radius:20px;padding:30px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.journal-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.journal-modal .modal-header h3{color:#b8860b;font-size:24px;font-weight:600;margin:0}.journal-modal .modal-close{background:none;border:none;color:#8e8e93;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.journal-modal .modal-close:hover{color:#fff;background:#ffffff1a}.journal-form{display:flex;flex-direction:column;gap:30px}.form-section{display:flex;flex-direction:column;gap:12px}.form-section h4{color:#b8860b;font-size:18px;font-weight:600;margin:0 0 16px}.journal-input{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;color:#fff;font-size:16px;transition:all .3s ease}.journal-input:focus{outline:none;border-color:#b8860b;background:#ffffff14}.journal-input::placeholder{color:#8e8e93;font-style:italic}.rating-slider-container{display:flex;align-items:center;gap:20px;background:#ffffff0d;border-radius:12px;padding:20px}.rating-slider{flex:1;height:8px;background:#ffffff1a;border-radius:4px;outline:none;cursor:pointer;-webkit-appearance:none}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;width:}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.auth-modal{background:linear-gradient(135deg,#000,#1a1a1a);border:2px solid #B8860B;border-radius:20px;padding:30px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000c;animation:authModalSlideIn .3s ease-out}@keyframes authModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-header{text-align:center;margin-bottom:30px;position:relative}.auth-title{font-size:28px;font-weight:700;color:#b8860b;margin:0 0 10px;letter-spacing:-.5px}.auth-subtitle{font-size:16px;color:#8e8e93;margin:0;line-height:1.4}.auth-close-btn{position:absolute;top:-10px;right:-10px;background:none;border:none;color:#8e8e93;font-size:28px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.auth-close-btn:hover{background:#ffffff1a;color:#b8860b}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form-group{display:flex;flex-direction:column;gap:8px}.auth-form-group label{color:#b8860b;font-size:16px;font-weight:600}.auth-input{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;color:#fff;font-size:16px;transition:all .3s ease}.auth-input:focus{outline:none;border-color:#b8860b;background:#ffffff14;box-shadow:0 0 0 3px #b8860b1a}.auth-input::placeholder{color:#8e8e93}.auth-submit-btn{background:linear-gradient(135deg,#b8860b,#daa520);color:#000;border:none;border-radius:12px;padding:16px 24px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;text-transform:uppercase;letter-spacing:1px}.auth-submit-btn:hover{background:linear-gradient(135deg,#daa520,gold);transform:translateY(-2px);box-shadow:0 8px 25px #b8860b66}.auth-switch{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.auth-switch span{color:#8e8e93;font-size:14px;margin-right:8px}.auth-switch-btn{background:none;border:none;color:#b8860b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:underline}.auth-switch-btn:hover{color:#daa520}@media (max-width: 768px){.auth-modal-overlay{padding:15px}.auth-modal{padding:25px;max-width:100%}.auth-title{font-size:24px}.auth-form{gap:16px}.auth-form-group{gap:6px}.auth-input{padding:14px;font-size:16px}}.profile-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000}.big-ring{position:relative;width:300px;height:300px;border:4px solid gold;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #ffd70066}.small-ring{position:absolute;width:80px;height:80px;border:3px solid gold;border-radius:50%;background-color:#111;display:flex;justify-content:center;align-items:center;color:gold;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.small-ring:hover{transform:scale(1.1);box-shadow:0 0 15px #ffd70099}.rings-wrapper{display:flex;justify-content:center;align-items:center;margin:30px 0}.big-ring{position:relative;width:250px;height:250px;border:4px solid gold;border-radius:50%;display:flex;justify-content:center;align-items:center;color:gold;font-weight:700;background:#000000b3}.small-ring{position:absolute;width:80px;height:80px;border:3px solid gold;border-radius:50%;background:#000;display:flex;justify-content:center;align-items:center;color:gold;font-size:14px}.small-ring.top{top:-40px;left:50%;transform:translate(-50%)}.small-ring.right{right:-40px;top:50%;transform:translateY(-50%)}.small-ring.bottom{bottom:-40px;left:50%;transform:translate(-50%)}.small-ring.left{left:-40px;top:50%;transform:translateY(-50%)}.profile-page .app-loading{color:#b8860b;display:grid;place-items:center;min-height:60vh;font-size:1.25rem}.profile-page .auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:9999}.profile-page html,.profile-page body,.profile-page #root{background:#000;min-height:100%}.profile-page .app-splash{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#000;color:#b8860b;font-size:1.2rem}.profile-page .splash-logo{max-width:160px;margin-bottom:20px}.profile-page .splash-text{font-family:system-ui,sans-serif}.profile-page .avatar-container{display:flex;justify-content:center;align-items:center;margin:20px auto}.profile-page .avatar-image,.profile-page .avatar-placeholder,.profile-page .avatar-emoji{width:120px;height:120px;border-radius:50%;border:3px solid gold;background-color:#111;display:flex;align-items:center;justify-content:center;font-size:3rem;color:gold;object-fit:cover;box-shadow:0 0 15px #ffd70066;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.profile-page .avatar-image:hover,.profile-page .avatar-emoji:hover,.profile-page .avatar-placeholder:hover{transform:scale(1.05);box-shadow:0 0 25px #ffd70099}.profile-page .avatar-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.profile-page .avatar-modal{background:#000;border:2px solid gold;border-radius:12px;padding:25px;width:90%;max-width:400px;box-shadow:0 0 20px #ffd70066;color:gold}.profile-page .avatar-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.profile-page .modal-close-btn{background:none;border:none;font-size:1.5rem;color:gold;cursor:pointer}.profile-page .upload-photo-btn{background:#111;border:2px solid gold;padding:10px 20px;color:gold;font-weight:700;border-radius:8px;cursor:pointer;margin-bottom:15px;display:inline-block}.profile-page .upload-photo-btn:hover{background:gold;color:#000}.profile-page .modal-divider{text-align:center;color:#888;margin:15px 0}.profile-page .emoji-grid-modal{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.profile-page .emoji-btn{font-size:1.8rem;background:#111;border:2px solid gold;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s ease}.profile-page .emoji-btn:hover{background:gold;color:#000}.profile-page .emoji-btn.selected{background:gold;color:#000;box-shadow:0 0 12px #ffd70099}.profile-page .logo{display:block;margin:0 auto 40px;width:300px;max-width:90vw;height:auto;object-fit:contain}.profile-page .header-avatar-wrap{position:absolute;top:20px;right:20px}