:root{--background:#0a0a0b;--foreground:#fff;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-blur:30px;--brand-blue:#0ea5e9;--brand-blue-glow:#0ea5e94d;--accent-color:#34c759;--grey-text:#8e8e93;--card-gradient:linear-gradient(135deg,#3b82f61a 0%,#0006 100%);--sf-pro:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--sf-pro);-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:100px}.glass-card{background:var(--card-gradient);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:28px;padding:24px;transition:transform .2s,border-color .2s;position:relative;box-shadow:0 10px 30px #00000080}.glass-card.small{min-height:140px;padding:16px}.glass-card.large{min-height:180px;padding:24px}.glass-card:active{transform:scale(.98)}.habit-icon-container{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.check-button{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.check-button.completed{background:var(--brand-blue);border-color:var(--brand-blue);box-shadow:0 0 15px var(--brand-blue-glow)}.streak-bar-container{gap:4px;margin-top:16px;display:flex}.streak-bar{background:#ffffff1a;border-radius:2px;flex:1;height:4px}.no-select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;user-drag:none}.habit-card{touch-action:pan-y}.streak-bar.active{background:var(--brand-blue);box-shadow:0 0 8px #ffffff4d}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:100;scrollbar-width:none;-ms-overflow-style:none;background:#141416cc;border:1px solid #ffffff14;border-radius:32px;justify-content:space-around;width:calc(100% - 32px);max-width:480px;padding:12px 8px;display:flex;position:fixed;bottom:24px;left:50%;overflow-x:auto;transform:translate(-50%)}.bottom-nav::-webkit-scrollbar{display:none}.nav-item{color:var(--grey-text);cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;font-size:11px;display:flex}.nav-item.active{color:#fff}.nav-item-bg{background:0 0;border-radius:20px;padding:8px 16px;transition:all .3s}.nav-item.active .nav-item-bg{background:#ffffff1a}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-webkit-overflow-scrolling:touch}