.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,.2);border-top-color:rgba(255,255,255,.6);border-radius:50%;width:80%;height:80%;animation:3s linear infinite habitSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes habitSpin{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.compact{gap:8px}.habit-logo.dark .brand-name{color:#e5e7eb}.habit-logo.dark .brand-tagline{color:#9ca3af}.habit-logo.minimal .logo-icon{box-shadow:0 2px 8px rgba(30,64,175,.2)}.habit-logo.minimal .habit-ring{display:none}.habit-logo.icon-only{gap:0}.habit-logo.icon-only .logo-text{display:none}@media (max-width:768px){.habit-logo.responsive .logo-text{display:none}.habit-logo.responsive{gap:0}}.habit-logo.loading .logo-icon{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.habit-logo.premium .logo-icon{background:linear-gradient(135deg,#f59e0b 0%,#eab308 50%,#d97706 100%);box-shadow:0 4px 16px rgba(245,158,11,.3)}.habit-logo.premium:hover .logo-icon{box-shadow:0 6px 20px rgba(245,158,11,.4)}