.habit-detail{max-width:760px;margin:0 auto;padding:18px 18px 0;color:#f6f7f8}.habit-hero{position:relative;min-height:270px;overflow:hidden;background-color:#0e1b25;border:1px solid rgba(255,255,255,.14);border-radius:30px;background-position:center;background-size:cover;box-shadow:0 24px 55px rgba(0,0,0,.28)}.habit-water-hero{background-image:url('https://images.unsplash.com/photo-1548839140-29a749e1cf4d?auto=format&fit=crop&w=1400&q=84')}.habit-sleep-hero{background-image:url('https://images.unsplash.com/photo-1541781774459-bb2af2f05b55?auto=format&fit=crop&w=1400&q=84')}.habit-hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(3,10,18,.94) 0%,rgba(4,10,18,.72) 50%,rgba(5,7,12,.22) 100%)}.habit-hero-content{position:relative;z-index:1;display:flex;min-height:270px;flex-direction:column;align-items:flex-start;padding:22px 24px}.habit-back-button{display:grid;width:42px;height:42px;place-items:center;margin-bottom:auto;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;background:rgba(7,13,20,.48);backdrop-filter:blur(14px);cursor:pointer}.habit-hero-kicker,.habit-card-eyebrow{color:#b7ff00;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.habit-hero h1{margin:8px 0 5px;color:#fff;font-size:clamp(30px,7vw,48px);line-height:.98;letter-spacing:-.05em}.habit-hero p{max-width:370px;margin:0;color:#d2d9df;font-size:15px;line-height:1.35}.habit-hero-stat{display:flex;align-items:baseline;gap:9px;margin-top:15px}.habit-hero-stat strong{color:#fff;font-size:36px;line-height:1}.habit-hero-stat span{color:#c5d2dc;font-size:14px;font-weight:700}.habit-detail-card{margin-top:14px;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(25,34,43,.94),rgba(13,19,25,.94));box-shadow:0 14px 30px rgba(0,0,0,.2)}.habit-progress-card{padding:22px}.habit-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.habit-card-heading h2{margin:5px 0 0;color:#fff;font-size:30px;line-height:1}.habit-card-heading h2 small{color:#aeb8c2;font-size:13px;font-weight:700}.habit-percent{display:grid;min-width:58px;height:58px;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:15px;font-weight:900}.habit-water-percent{color:#62c7ff}.habit-sleep-percent{color:#b597ff}.habit-progress-track{height:10px;margin-top:18px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}.habit-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#50aaff,#79dcff);box-shadow:0 0 16px rgba(98,199,255,.35)}.sleep-progress-card .habit-progress-track i{background:linear-gradient(90deg,#8669ff,#d2b4ff);box-shadow:0 0 16px rgba(181,151,255,.3)}.habit-goal-row{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#aeb8c2;font-size:12px}.habit-goal-row strong{color:#e9edf0}.habit-section-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.habit-section-title h2{margin:0;color:#fff;font-size:18px}.habit-section-title p{margin:3px 0 0;color:#9eaab5;font-size:12px}.habit-section-icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:15px;font-size:19px}.water-icon{color:#73ceff;background:rgba(76,169,255,.17)}.sleep-icon{color:#c8adff;background:rgba(154,117,255,.18)}.amount-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.amount-choice{min-height:72px;border:1px solid rgba(98,199,255,.25);border-radius:17px;color:#eaf7ff;background:rgba(76,169,255,.09);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.amount-choice strong,.amount-choice span{display:block}.amount-choice strong{font-size:18px}.amount-choice span{margin-top:3px;color:#9fc4d8;font-size:11px}.amount-choice:hover,.amount-choice:focus-visible{border-color:#62c7ff;background:rgba(76,169,255,.2);transform:translateY(-1px);outline:none}.custom-amount-row{display:flex;gap:9px;margin-top:11px}.custom-amount-row .ng-input{min-width:0}.habit-secondary-button{min-height:48px;padding:0 14px;border:1px solid rgba(98,199,255,.3);border-radius:14px;color:#c6eaff;background:rgba(76,169,255,.1);font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.habit-entry-list{display:grid;gap:8px}.habit-entry-list div{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.05);color:#dbeaf2;font-size:13px}.habit-entry-list i{margin-right:8px;color:#62c7ff}.habit-entry-list time{color:#8d9ba7;font-size:12px}.habit-tip-card{display:flex;gap:14px;align-items:flex-start;margin-top:14px;padding:18px 20px;border:1px solid rgba(183,255,0,.2);border-radius:22px;background:linear-gradient(120deg,rgba(183,255,0,.1),rgba(25,34,43,.8))}.habit-tip-card>i{margin-top:2px;color:#b7ff00;font-size:20px}.habit-tip-card strong{color:#fff;font-size:14px}.habit-tip-card p{margin:5px 0 0;color:#b8c4cc;font-size:13px;line-height:1.45}.time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.time-grid label,.select-field{display:grid;gap:7px;color:#aeb8c2;font-size:12px;font-weight:700}.sleep-duration-preview{display:flex;align-items:center;gap:9px;margin-top:13px;padding:12px 14px;border-radius:14px;color:#c6bbff;background:rgba(154,117,255,.1);font-size:12px}.sleep-duration-preview strong{margin-left:auto;color:#fff;font-size:15px}.quality-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.quality-choice{display:grid;min-height:69px;place-items:center;border:1px solid rgba(181,151,255,.2);border-radius:15px;color:#c7cbd2;background:rgba(154,117,255,.08);font-size:20px;cursor:pointer}.quality-choice small{font-size:18px}.quality-choice.selected{border-color:#b597ff;color:#fff;background:linear-gradient(145deg,rgba(154,117,255,.42),rgba(103,79,188,.3));box-shadow:0 0 18px rgba(181,151,255,.17)}.select-field{margin-top:14px}.habit-save-button{display:flex;min-height:54px;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:14px;border:1px solid rgba(255,216,157,.55);border-radius:17px;color:#1d1004;background:linear-gradient(135deg,#ffad32,#ff8a00);box-shadow:0 12px 25px rgba(255,138,0,.24);font-size:15px;font-weight:950;cursor:pointer}.habit-save-button:hover,.habit-save-button:focus-visible{filter:brightness(1.06);outline:none}.habit-detail-bottom-space{height:38px}@media(max-width:480px){.habit-detail{padding:12px 14px 0}.habit-hero,.habit-hero-content{min-height:250px}.habit-hero-content{padding:18px 19px}.habit-hero h1{font-size:36px}.habit-detail-card{padding:17px;border-radius:21px}.amount-grid{gap:7px}.amount-choice{min-height:67px}.amount-choice strong{font-size:16px}.custom-amount-row{display:grid;grid-template-columns:1fr auto}.habit-secondary-button{padding:0 11px}.habit-section-title h2{font-size:17px}.quality-choice{min-height:63px}.habit-save-button{min-height:52px}}@media(prefers-reduced-motion:reduce){.amount-choice{transition:none}}