.hub{display:block}.hub-safe{height:88px}.hub-green{color:var(--ha-success)!important}.hub-pane{display:block}.hub-pane[hidden]{display:none}.hub-nav{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;background:var(--ha-surface);border-top:1px solid var(--ha-border);padding-bottom:env(safe-area-inset-bottom,0)}.hub-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;border:none;background:none;cursor:pointer;font-family:var(--ha-font-body)}.hub-nav-dot{width:4px;height:4px;border-radius:50%;background:var(--ha-lime);opacity:0;transition:opacity var(--ha-dur-base)}.hub-nav-item.is-active .hub-nav-dot{opacity:1}.hub-nav-ico{font-size:21px;line-height:1}.hub-nav-lbl{font-size:10px;font-weight:600;color:var(--ha-text-muted)}.hub-nav-item.is-active .hub-nav-lbl{color:var(--ha-text-primary)}.hub-streak-badge{position:fixed;top:60px;right:16px;z-index:99;display:flex;align-items:center;gap:5px;cursor:pointer;background:linear-gradient(135deg,#d6e865,#e3f07f);color:var(--ha-board);border:none;border-radius:var(--ha-radius-pill);padding:5px 12px 5px 9px;font-family:var(--ha-font-body);font-size:13px;font-weight:800;box-shadow:0 3px 12px #d6e86573}.hub-streak-ico{font-size:15px;line-height:1}.hub-sp-stat-val.hub-green{color:var(--ha-board)!important}.hub-streak-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200}.hub-streak-overlay[hidden]{display:none}.hub-streak-panel{position:fixed;left:0;right:0;bottom:0;z-index:210;max-width:480px;margin:0 auto;background:var(--ha-surface);border-radius:20px 20px 0 0;padding:20px 18px 34px;box-shadow:var(--ha-shadow-modal);font-family:var(--ha-font-body);animation:hubSheetUp var(--ha-dur-base) var(--ha-ease-out)}.hub-streak-panel[hidden]{display:none}@keyframes hubSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hub-sp-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hub-sp-title{font-size:17px;font-weight:800;color:var(--ha-text-primary)}.hub-sp-close{width:30px;height:30px;border:none;border-radius:50%;background:var(--ha-surface-alt);color:var(--ha-text-secondary);font-size:13px;cursor:pointer}.hub-sp-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.hub-sp-stat{display:flex;align-items:center;gap:10px;background:var(--ha-surface-alt);border-radius:var(--ha-radius-md);padding:14px}.hub-sp-stat-ico{font-size:22px}.hub-sp-stat-main{display:flex;align-items:center;gap:8px}.hub-sp-stat-val{font-size:26px;font-weight:800;color:var(--ha-board);line-height:1}.hub-sp-stat-lbl{font-size:10px;font-weight:700;color:var(--ha-text-muted);line-height:1.35}.hub-sp-calhdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hub-sp-monthlbl{font-size:15px;font-weight:800;color:var(--ha-text-primary)}.hub-cal-legend{display:flex;gap:12px}.hub-legend{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--ha-text-muted)}.hub-legend-dot{width:8px;height:8px;border-radius:3px}.hub-legend-dot.active{background:var(--ha-lime)}.hub-legend-dot.today{background:var(--ha-board)}.hub-cal-dow,.hub-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.hub-cal-dow{margin-bottom:6px}.hub-cal-dow span{text-align:center;font-size:10px;font-weight:700;color:var(--ha-text-muted)}.hub-cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:13px;font-weight:700;color:var(--ha-text-secondary);background:var(--ha-surface-alt)}.hub-cal-cell.is-empty{background:transparent}.hub-cal-cell.is-future{background:transparent;color:var(--ha-text-muted);opacity:.45}.hub-cal-cell.is-active{background:var(--ha-lime-faint);color:#5a6a1a;border:1.5px solid var(--ha-lime)}.hub-cal-cell.is-today{background:linear-gradient(135deg,#67747a,#7f8b91);color:#fff;box-shadow:0 3px 10px #67747a66!important}.hub-hab-hdr{position:relative;padding:18px 16px 14px;background:var(--ha-board);color:var(--ha-text-inverse)}.hub-hab-hdr h1{font-family:var(--ha-font-display);font-size:20px;font-weight:800;margin:0}.hub-hab-hdr p{font-size:12px;color:var(--ha-text-inverse-dim);margin-top:4px}.hub-hab-progress{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 16px;padding:12px 14px;background:var(--ha-surface);border-radius:var(--ha-radius-md);box-shadow:var(--ha-shadow-card)}.hub-pbar-wrap{flex:1 1 100%;height:8px;background:var(--ha-surface-alt);border-radius:var(--ha-radius-pill)}.hub-pbar{height:8px;width:0;border-radius:var(--ha-radius-pill);background:var(--ha-lime);transition:width var(--ha-dur-slow) var(--ha-ease-out)}.hub-pbar-meta{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;font-weight:700;color:var(--ha-text-primary)}.hub-hab-streaklbl{color:var(--ha-text-secondary);font-weight:600}.hub-hab-tabs{display:flex;gap:5px;padding:8px 16px 6px}.hub-hab-tab{flex:1;padding:9px 4px;border:none;border-radius:var(--ha-radius-pill);background:var(--ha-surface-alt);color:var(--ha-text-secondary);font-family:var(--ha-font-body);font-size:11px;font-weight:800;cursor:pointer;position:relative}.hub-hab-tab.is-active{background:var(--ha-lime);color:var(--ha-text-primary)}.hub-hab-tab.is-done:after{content:"\2713";position:absolute;top:-5px;right:2px;width:16px;height:16px;border-radius:50%;background:var(--ha-success);color:#fff;font-size:9px;line-height:16px;text-align:center}.hub-hab-panels{padding:6px 16px 10px}.hub-hab-panel{display:none}.hub-hab-panel.is-active{display:block}.hub-hab-item{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:8px;background:var(--ha-surface);border-radius:var(--ha-radius-md);box-shadow:var(--ha-shadow-card);border:1.5px solid transparent;cursor:pointer;transition:background var(--ha-dur-fast)}.hub-hab-item.is-checked{background:var(--ha-lime-faint);border-color:var(--ha-lime)}.hub-hab-item.is-checked .hub-hab-item-lbl{text-decoration:line-through;color:var(--ha-text-muted)}.hub-hab-chk{width:24px;height:24px;border-radius:8px;border:2px solid var(--ha-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.hub-hab-item.is-checked .hub-hab-chk{background:var(--ha-lime);border-color:var(--ha-lime);color:var(--ha-text-primary)}.hub-hab-item.is-checked .hub-hab-chk:after{content:"\2713"}.hub-hab-item-lbl{flex:1;font-size:14px;font-weight:500;color:var(--ha-text-primary)}.hub-water-card,.hub-sleep-card{background:var(--ha-surface);border:1px solid var(--ha-border);border-radius:var(--ha-radius-lg);padding:16px;box-shadow:var(--ha-shadow-card)}.hub-bottle{display:flex;flex-direction:column;align-items:center;margin-bottom:14px}.hub-bottle-cap{width:28px;height:16px;border-radius:7px 7px 3px 3px;position:relative;z-index:3;background:repeating-linear-gradient(90deg,#0000001a 0 1.5px,#0000 1.5px 5px),linear-gradient(180deg,#E2F07A 0%,var(--ha-lime) 45%,#C3D64B 100%);box-shadow:inset 0 2px 2px #ffffff73,inset 0 -3px #00000024}.hub-bottle-collar{width:28px;height:7px;margin-top:-1px;position:relative;z-index:2;background:linear-gradient(180deg,#46565E,var(--ha-board));border:1.5px solid var(--ha-border);border-radius:3px;box-shadow:inset 0 -1px #0000002e}.hub-bottle-neck{width:22px;height:13px;background:var(--ha-board);border:1.5px solid var(--ha-border);border-top:none;border-bottom:none;margin-top:-1px;position:relative;z-index:1}.hub-bottle-body{width:92px;height:158px;position:relative;overflow:hidden;margin-top:-1px;background:var(--ha-board);border:1.5px solid var(--ha-border);border-radius:40px 40px 20px 20px/52px 52px 22px 22px}.hub-flask-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,#8fd3ec,#4fb0d6 45%,#2e9ac4);transition:height var(--ha-dur-slow) var(--ha-ease-out)}.hub-flask-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#ffffff73;border-radius:50%}.hub-bottle-shine{position:absolute;top:16px;left:14px;width:11px;height:58%;border-radius:8px;pointer-events:none;z-index:2;background:linear-gradient(180deg,#ffffff4d,#fff0)}.hub-bottle div:empty{display:block}.hub-flask-marks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hub-flask-mark{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(255,255,255,.34)}.hub-flask-mark span{position:absolute;right:6px;bottom:2px;font-size:7px;font-weight:700;color:#ffffff9e;white-space:nowrap}.hub-flask-lbl{font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ha-text-muted);margin-top:9px}.hub-water-title,.hub-sleep-title{font-size:14px;font-weight:800;color:var(--ha-text-primary);margin-bottom:4px}.hub-water-desc,.hub-sleep-desc{font-size:11px;color:var(--ha-text-secondary);line-height:1.5;margin-bottom:12px}.hub-water-ctrl{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.hub-wc-btn{width:46px;height:46px;border:none;border-radius:var(--ha-radius-md);font-size:22px;font-weight:700;cursor:pointer;flex-shrink:0}.hub-wc-btn.minus{background:var(--ha-error-faint);color:var(--ha-error)}.hub-wc-btn.plus{background:#d6e8655c;color:#98a2b3}.hub-wc-mid{flex:1;min-width:64px;text-align:center;background:var(--ha-surface-alt);border-radius:var(--ha-radius-md);padding:8px 4px}.hub-wc-num{font-size:22px;font-weight:800;color:var(--ha-text-primary)}.hub-wc-sub{font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ha-text-muted);margin-top:2px}.hub-wc-goal-pill{display:flex;align-items:center;gap:5px;background:var(--ha-surface-alt);border:1px solid var(--ha-border);border-radius:var(--ha-radius-md);padding:8px 10px;font-size:10px;font-weight:800;color:var(--ha-text-primary);white-space:nowrap}.hub-water-note{background:var(--ha-surface-alt);border-left:3px solid var(--ha-board);border-radius:var(--ha-radius-md);padding:10px 12px;font-size:10px;color:var(--ha-text-secondary);line-height:1.6}.hub-sleep-dial-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:14px}.hub-sleep-dial{width:60px;height:60px;border-radius:50%;background:var(--ha-board);display:flex;align-items:center;justify-content:center;font-size:26px}.hub-sleep-dial-lbl{font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ha-text-muted);margin-top:8px}.hub-sleep-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hub-sleep-lbl{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--ha-text-secondary)}.hub-sleep-val{font-size:12px;font-weight:700;color:var(--ha-text-primary)}.hub-sleep-slider{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;outline:none;cursor:pointer;background:var(--ha-surface-alt)}.hub-sleep-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ha-board);border:2.5px solid var(--ha-surface);box-shadow:0 2px 6px #1b2c1e4d;cursor:pointer}.hub-sleep-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ha-board);border:2.5px solid var(--ha-surface);cursor:pointer}.hub-sleep-ticks{position:relative;height:24px;margin:8px 0 12px}.hub-sleep-tick{position:absolute;top:0;transform:translate(-50%);white-space:nowrap;font-size:8px;font-weight:700;letter-spacing:.3px;color:var(--ha-text-muted);text-align:center;line-height:1.25}.hub-sleep-status{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--ha-surface-alt);border-left:3px solid var(--ha-board);border-radius:var(--ha-radius-md);font-size:11px;color:var(--ha-text-secondary)}.hub-rew-hdr{position:relative;padding:18px 16px 14px;background:var(--ha-board);color:var(--ha-text-inverse)}.hub-rew-hdr h1{font-family:var(--ha-font-display);font-size:20px;font-weight:800;margin:0}.hub-rew-hdr p{font-size:12px;color:var(--ha-text-inverse-dim);margin-top:4px}.hub-rew-balance{margin:16px;padding:22px;text-align:center;background:var(--ha-surface);border-radius:var(--ha-radius-lg);box-shadow:var(--ha-shadow-card)}.hub-rew-coin{width:56px;height:56px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.hub-rew-coin svg,.hub-rew-coin img{width:100%;height:100%;display:block}.hub-rew-amount{font-size:34px;font-weight:800;line-height:normal;color:var(--ha-text-primary)}.hub-rew-label{font-size:12px;color:var(--ha-text-secondary);margin-top:2px}.hub-rew-lb{margin:0 16px 16px;padding:16px 14px;background:var(--ha-surface);border-radius:var(--ha-radius-lg);box-shadow:var(--ha-shadow-card)}.hub-rew-seclbl{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ha-text-secondary);margin-bottom:10px}.hub-lb-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--ha-radius-md);background:var(--ha-surface-alt);margin-bottom:6px}.hub-lb-row.is-you{background:var(--ha-lime-faint);border:1.5px solid var(--ha-lime-border)}.hub-lb-rank{width:24px;text-align:center;font-size:13px;font-weight:800;color:var(--ha-text-muted);flex-shrink:0}.hub-lb-rank.gold{color:#e5a800}.hub-lb-rank.silver{color:#909090}.hub-lb-rank.bronze{color:#b8612a}.hub-lb-av{width:30px;height:30px;border-radius:50%;background:var(--ha-board);color:var(--ha-lime);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hub-lb-row.is-you .hub-lb-av{background:var(--ha-lime-faint);color:#5a6a1a}.hub-lb-name{flex:1;font-size:13px;font-weight:700;color:var(--ha-text-primary)}.hub-lb-pts{font-size:12px;font-weight:800;color:var(--ha-text-muted)}.hub-lb-you-tag{font-size:9px;font-weight:800;background:var(--ha-lime-border);color:#5a6a1a;border-radius:4px;padding:1px 5px;margin-left:4px}.hub-lb-divider{height:1px;background:var(--ha-border);margin:6px 0}@media screen and (min-width:750px){.hub-nav{position:fixed;top:var(--hub-nav-top, 0);bottom:auto;left:0;right:0;border-top:none;border-bottom:1px solid var(--ha-border);padding:0;justify-content:center;gap:40px}.hub-nav-item{flex:0 0 auto;flex-direction:row;gap:8px;padding:14px 0;border-bottom:3px solid transparent}.hub-nav-item.is-active{border-bottom-color:var(--ha-lime)}.hub-nav-dot,.hub .hub-nav-dot{display:none!important}.hub-nav-ico{font-size:16px}.hub-nav-lbl{font-size:14px}.hub-safe{height:24px}.hub-hab-hdr,.hub-rew-hdr,.hub-hab-progress,.hub-hab-tabs,.hub-hab-panels,.hub-rew-balance,.hub-rew-lb{padding-left:50px;padding-right:50px}.hub-hab-progress,.hub-rew-balance,.hub-rew-lb{margin-left:50px;margin-right:50px}.hub-streak-panel{border-radius:var(--ha-radius-lg);bottom:auto;top:72px;right:24px;left:auto;width:380px;margin:0}.hub-streak-overlay{background:#00000040}.hub-sleep-tick{font-size:10px}}.hub .hub-pbar,.hub .hub-flask-fill,.hub .hub-flask-marks{display:block!important}.hub .hub-flask-mark,.hub .hub-hab-chk{display:flex!important}.hub .hub-legend-dot{display:inline-block!important}.hub .hub-safe,.hub .hub-cal-cell.is-empty{display:block!important}.hub .hub-cal-grid{display:grid!important}.hub .hub-rew-lb-list,.hub .hub-sleep-ticks{display:block!important}.hub .hub-streak-overlay:not([hidden]){display:block!important}@media screen and (max-width:749px){.hub .hub-nav-dot{display:block!important}}html.has-academy-hub #appbrew-download-banner-root,html.has-academy-hub .appbrew-download-banner-root{display:none!important}@media screen and (max-width:749px){body.hub-lock{overflow:hidden!important}}.hub .hub-hab-hdr h1,.hub .hub-rew-hdr h1{color:#fff!important}.hub .hub-hab-hdr p,.hub .hub-rew-hdr p{color:var(--ha-text-inverse-dim)!important}.hub .hub-lb-divider{display:block!important}@supports (overflow: clip){html.has-academy-hub academy-app{overflow-x:clip}}@supports not (overflow: clip){@media screen and (max-width:749px){html.has-academy-hub .academy-screen--active{animation-name:hub-screen-in}@keyframes hub-screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}}.hub-streak-badge.is-hidden{display:none!important}.hub{--hub-badge-gap: 14px}.hub-streak-badge{transition:top var(--ha-dur-base, .25s) var(--ha-ease-out, ease),transform .18s ease,box-shadow .18s ease}.hub-streak-badge:active{transform:scale(.94)}.hub-streak-badge.is-bump{animation:hub-bump .5s var(--ha-ease-out, ease)}@keyframes hub-bump{0%{transform:scale(1)}35%{transform:scale(1.18);box-shadow:0 5px 18px #ff704399}to{transform:scale(1)}}.hub-pane:not([hidden]){animation:hub-fade-up .28s var(--ha-ease-out, ease) both}@keyframes hub-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hub-hab-panel.is-active{animation:hub-fade .22s var(--ha-ease-out, ease) both}@keyframes hub-fade{0%{opacity:0}to{opacity:1}}.hub-nav-item,.hub-hab-tab{transition:background .2s ease,color .2s ease,border-color .2s ease}.hub-nav-item:active,.hub-hab-tab:active{transform:scale(.96)}.hub-nav-lbl{transition:color .2s ease}.hub-hab-tab.is-done:after{animation:hub-pop .3s var(--ha-ease-out, ease) both}@keyframes hub-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.hub-hab-item{transition:background var(--ha-dur-fast, .18s) ease,border-color .18s ease,transform .12s ease}.hub-hab-item:active{transform:scale(.985)}.hub-hab-chk{transition:background .18s ease,border-color .18s ease}.hub-hab-item.is-checked .hub-hab-chk:after{animation:hub-pop .26s var(--ha-ease-out, ease) both}.hub-wc-btn{transition:transform .12s ease,filter .18s ease}.hub-wc-btn:active{transform:scale(.9)}.hub-wc-num{transition:transform .2s var(--ha-ease-out, ease)}.hub-flask-fill:before{animation:hub-ripple 2.6s ease-in-out infinite}@keyframes hub-ripple{0%,to{transform:scaleY(1);opacity:.45}50%{transform:scaleY(1.8);opacity:.7}}.hub-streak-overlay:not([hidden]){animation:hub-fade .22s ease both}.hub-cal-cell.is-today{animation:hub-today-glow 2.4s ease-in-out infinite}@keyframes hub-today-glow{0%,to{box-shadow:0 3px 10px #ff704366}50%{box-shadow:0 3px 16px #ff7043bf}}.hub-sp-close{transition:background .18s ease,transform .15s ease}.hub-sp-close:active{transform:scale(.9)}.hub-lb-row{animation:hub-fade-up .3s var(--ha-ease-out, ease) both}.hub-lb-row:nth-child(1){animation-delay:.02s}.hub-lb-row:nth-child(2){animation-delay:.08s}.hub-lb-row:nth-child(3){animation-delay:.14s}.hub-lb-row:nth-child(4){animation-delay:.2s}.hub-rew-coin{animation:hub-float 3.2s ease-in-out infinite}@keyframes hub-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.hub *,.hub *:before,.hub *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/259/assets/academy-hub.css.map */