.habit-logo{gap:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.habit-logo,.logo-icon{display:flex;align-items:center}.logo-icon{position:relative;background:linear-gradient(135deg,#1E40AF,#3B82F6 50%,#10B981);border-radius:12px;justify-content:center;box-shadow:0 4px 16px rgba(30,64,175,.3);transition:all .3s ease;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent,rgba(255,255,255,.1));border-radius:12px}.logo-icon:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(30,64,175,.4)}.checkmark{color:white;font-size:60%;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.3);z-index:2;position:relative}.habit-ring{position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:rgba(255,255,255,.6);animation:habitSpin 3s linear infinite}@keyframes habitSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.logo-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-weight:700;color:#1E40AF;letter-spacing:-.5px}.brand-name,.brand-tagline{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1}.brand-tagline{font-weight:500;color:#6B7280;letter-spacing:.5px;text-transform:uppercase}.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:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.habit-logo.premium .logo-icon{background:linear-gradient(135deg,#F59E0B,#EAB308 50%,#D97706);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)}