.habit-logo{-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#10b981 100%);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(30,64,175,.3)}.logo-icon:before{content:"";background:linear-gradient(45deg,rgba(255,255,255,.1),transparent,rgba(255,255,255,.1));border-radius:12px;position:absolute;top:0;bottom:0;left:0;right:0}.logo-icon:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(30,64,175,.4)}.checkmark{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);z-index:2;font-size:60%;font-weight:900;position:relative}.habit-ring{border:2px solid rgba(255,255,255,.3);border-top-color:rgba(255,255,255,.8);border-radius:50%;width:80%;height:80%;animation:3s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.logo-text{flex-direction:column;gap:2px;display:flex}.brand-name{color:#1e40af;letter-spacing:-.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1}.brand-tagline{color:#6b7280;letter-spacing:.5px;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;line-height:1}.habit-logo.dark .brand-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa 0%,#34d399 100%);-webkit-background-clip:text;background-clip:text}.habit-logo.dark .brand-tagline{color:#d1d5db}.habit-logo.light .brand-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e40af 0%,#059669 100%);-webkit-background-clip:text;background-clip:text}.habit-logo.light .brand-tagline{color:#374151}@media (max-width:640px){.habit-logo{gap:8px}.logo-icon,.logo-icon:before{border-radius:8px}}.habit-logo.featured .logo-icon{animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 4px 16px rgba(30,64,175,.3)}50%{box-shadow:0 8px 32px rgba(30,64,175,.5)}}@media (prefers-reduced-motion:reduce){.habit-ring,.habit-logo.featured .logo-icon{animation:none}.logo-icon{transition:none}}@media (prefers-contrast:high){.logo-icon{background:#000;border:2px solid #fff}.checkmark{color:#fff}.brand-name{-webkit-text-fill-color:initial;color:#000;background:0 0}.brand-tagline{color:#333}.habit-logo.dark .brand-name{color:#fff}.habit-logo.dark .brand-tagline{color:#ccc}}